import { FC } from 'react';
import { twx } from '../utils';

interface CloseButtonProps {
  className: string;
  onClose: () => void;
}

export const CloseButton: FC<CloseButtonProps> = ({ className, onClose }) => {
  return (
    <button
      onClick={onClose}
      className={twx(
        'flex items-center justify-center w-10 h-10 bg-white text-black rounded-full hover:bg-zinc-100 focus:outline-none border',
        className,
      )}
      aria-label="Close"
    >
      <div className="i-ant-design-close-outlined" />
    </button>
  );
};
