28 lines
826 B
TypeScript
28 lines
826 B
TypeScript
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,
|
|
)}
|
|
/>
|
|
);
|
|
}
|