import { cn } from "@/lib/utils";

type ChevronDownProps = {
  className: string;
};

const ChevronDown = ({ className }: ChevronDownProps) => {
  return (
    <svg className={cn("fill-inherit h-auto transition-colors", className)} viewBox="0 0 14 8" fill="none">
      <path
        d="M12.7695 0.342674C13.1979 0.7898 13.1979 1.52279 12.7695 1.96992L7.29078 7.66528C6.87637 8.09775 6.20207 8.11241 5.76658 7.70193L0.365148 2.0872C-0.0843857 1.66206 -0.126529 0.9364 0.280861 0.459954C0.688251 -0.00916136 1.38362 -0.053141 1.84018 0.371995C1.86125 0.393985 1.88233 0.408645 1.89637 0.430635L1.91745 0.452624L6.55326 5.22441L11.2102 0.335345C11.6456 -0.111781 12.341 -0.111781 12.7695 0.335344"
        className="fill-inherit"
      />
    </svg>
  );
};

export default ChevronDown;