28 lines
899 B
TypeScript
28 lines
899 B
TypeScript
import { t } from '@/lib/i18n'
|
|
|
|
interface ClearButtonProps {
|
|
onClick: () => void
|
|
}
|
|
|
|
export function ClearButton({ onClick }: ClearButtonProps): React.ReactElement {
|
|
return (
|
|
<button
|
|
onClick={(e) => {
|
|
e.preventDefault()
|
|
onClick()
|
|
}}
|
|
className="text-neon-cyan/70 hover:text-neon-cyan transition-colors focus:outline-none focus:ring-2 focus:ring-neon-cyan rounded"
|
|
aria-label={t('search.clear')}
|
|
type="button"
|
|
>
|
|
<svg className="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
|
|
<path
|
|
fillRule="evenodd"
|
|
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
|
|
clipRule="evenodd"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
)
|
|
}
|