import { twMerge } from 'tailwind-merge';

import { ConditionalTooltip } from '@/app/(root)/create/createV2/ConditionalTooltip';
import Button, {
  ButtonShape,
  ButtonSize,
  ButtonVariant,
  Props,
} from '@/components/button/Button';

type ModalButtonProps = Props & {
  tooltip?: string;
};

export const ModalButton = ({
  children,
  variant = ButtonVariant.LightGlass,
  className,
  tooltip,
  ...rest
}: ModalButtonProps) => {
  return (
    <ConditionalTooltip isTooltipEnabled={!!tooltip} label={tooltip || ''}>
      <Button
        variant={variant}
        shape={ButtonShape.Pill}
        size={ButtonSize.Large}
        className={twMerge('w-full', className)}
        {...rest}
      >
        {children}
      </Button>
    </ConditionalTooltip>
  );
};