'use client';
import IconButton from './IconButton';

interface Props {
    onClick: () => void;
    label: string;
    size?: 'sm' | 'md' | 'lg';
}

export default function DeleteIconButton({ onClick, label, size = 'sm' }: Props) {
    return (
        <IconButton
            icon={
                <svg className="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                    <path strokeLinecap="round" strokeLinejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
                </svg>
            }
            label={label}
            onClick={onClick}
            variant="danger"
            size={size}
        />
    );
}