import type { ModalFooterProps } from "$/types/ModalTypes";
import clsx from "clsx";


export default function ModalFooter({
	className,
	children,
	...props
}: Readonly<ModalFooterProps>){
	return (
		<div
			className={clsx(
				"flex flex-row items-center justify-center w-full rounded-b-lg",
				className
			)}
			{...props}
		>
			<div
				className="flex flex-row items-center justify-center mx-8 my-3"
			>
				{children}
			</div>
		</div>
	);
}