import { RefreshCcw } from "lucide-react";
import { cn } from "~/lib/utils";

export const FieldResetButton = (
	props: React.ButtonHTMLAttributes<HTMLButtonElement>,
) => {
	const { className, ...rest } = props;
	return (
		<button
			{...rest}
			className={cn(
				"flex cursor-pointer items-center gap-2 text-sm leading-none",
				className,
			)}
			type="button"
		>
			Reset
			<RefreshCcw className="size-3.5" />
		</button>
	);
};
