File size: 715 Bytes
9b906ea | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | import CloseIcon from "#/icons/u-close.svg?react";
import { cn, isMobileDevice } from "#/utils/utils";
interface RemoveFileButtonProps {
onClick: () => void;
}
export function RemoveFileButton({ onClick }: RemoveFileButtonProps) {
const isMobile = isMobileDevice();
return (
<button
type="button"
onClick={onClick}
className={cn(
"z-10 flex w-4 h-4 rounded-full items-center justify-center bg-[var(--oh-surface)] hover:bg-[var(--oh-muted)] cursor-pointer absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200",
isMobile && "opacity-100",
)}
>
<CloseIcon width={10} height={10} color="#ffffff" />
</button>
);
}
|