import LoaderButton from '@/components/primitives/LoaderButton';
import { clsx } from 'clsx/lite';
import { ComponentProps } from 'react';
import { BiTrash } from 'react-icons/bi';

export default function DeleteButton({
  className,
  ...rest
}: ComponentProps <typeof LoaderButton>) {
  return (
    <LoaderButton
      {...rest}
      title="Delete"
      icon={<BiTrash size={16} />}
      spinnerColor="text"
      className={clsx(
        'text-red-500! dark:text-red-500!',
        'active:bg-red-100/50! dark:active:bg-red-950/50!',
        'disabled:text-red-500/60! dark:disabled:text-red-500/60!',
        'disabled:bg-red-100/50! dark:disabled:bg-red-950/50!',
        'border-red-200! hover:border-red-300!',
        'dark:border-red-900/75! dark:hover:border-red-900!',
        className,
      )}
    />
  );
}