|
@ -0,0 +1,34 @@ |
|
|
|
|
|
"use client"; |
|
|
|
|
|
|
|
|
|
|
|
import React from "react"; |
|
|
|
|
|
import { FC } from "react"; |
|
|
|
|
|
|
|
|
|
|
|
export interface ClearDataButtonProps { |
|
|
|
|
|
onClick?: () => void; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const ClearDataButton: FC<ClearDataButtonProps> = ({ onClick }) => { |
|
|
|
|
|
return ( |
|
|
|
|
|
<span |
|
|
|
|
|
onClick={() => onClick && onClick()} |
|
|
|
|
|
className=" absolute z-10 w-5 h-5 lg:w-6 lg:h-6 text-sm bg-neutral-200 dark:bg-neutral-800 rounded-full flex items-center justify-center right-1 lg:right-1.5 top-1/2 transform -translate-y-1/2 " |
|
|
|
|
|
> |
|
|
|
|
|
<svg |
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg" |
|
|
|
|
|
className="h-4 w-4" |
|
|
|
|
|
fill="none" |
|
|
|
|
|
viewBox="0 0 24 24" |
|
|
|
|
|
stroke="currentColor" |
|
|
|
|
|
strokeWidth={2} |
|
|
|
|
|
> |
|
|
|
|
|
<path |
|
|
|
|
|
strokeLinecap="round" |
|
|
|
|
|
strokeLinejoin="round" |
|
|
|
|
|
d="M6 18L18 6M6 6l12 12" |
|
|
|
|
|
/> |
|
|
|
|
|
</svg> |
|
|
|
|
|
</span> |
|
|
|
|
|
); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
export default ClearDataButton; |