import { motion, type SVGMotionProps } from "motion/react";
import clsx, { type ClassValue } from "clsx";

type Props = Omit<SVGMotionProps<SVGElement>, "className"> & {
  className?: ClassValue;
};

export default function DropIcon(props: Props) {
  return (
    <motion.svg
      viewBox="0 0 14 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      className={clsx(props.className)}
    >
      <path
        d="M6.8252 0.513672C7.38191 1.88158 8.36208 4.18891 10.5693 6.89551C11.8956 8.52269 13.1503 10.7528 13.1504 13.0781C13.1504 16.8876 10.4264 19.4443 6.8252 19.4443C3.22384 19.4443 0.5 16.8892 0.5 13.0781C0.500102 10.8451 1.75697 8.51999 3.08105 6.89551C5.28831 4.18891 6.26848 1.88157 6.8252 0.513672Z"
        fill="#EAB550"
        stroke="#956405"
      />
    </motion.svg>
  );
}