22 lines
487 B
TypeScript
22 lines
487 B
TypeScript
import { cn } from '@/lib/utils';
|
|
import { X } from 'lucide-react';
|
|
import React from 'react';
|
|
|
|
interface Props {
|
|
className?: string;
|
|
onClick?: VoidFunction;
|
|
}
|
|
|
|
export const ClearButton: React.FC<Props> = ({ onClick, className }) => {
|
|
return (
|
|
<button
|
|
onClick={onClick}
|
|
className={cn(
|
|
'absolute right-4 top-1/2 -translate-y-1/2 opacity-30 hover:opacity-100 cursor-pointer',
|
|
className,
|
|
)}>
|
|
<X className="h-5 w-5" />
|
|
</button>
|
|
);
|
|
};
|