import { twMerge } from 'tailwind-merge';

export const PublishModalFooter = ({
  children,
  className,
}: {
  children: React.ReactNode;
  className?: string;
}) => {
  return (
    <div className='flex flex-col justify-end'>
      <div className='h-px w-full bg-background-tertiary' />
      <div
        className={twMerge(
          'flex h-24 items-center justify-end gap-2 px-6',
          className
        )}
      >
        {children}
      </div>
    </div>
  );
};

export default PublishModalFooter;