const AccordionTriggerIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="45"
      height="45"
      viewBox="0 0 45 45"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <g filter="url(#filter0_b_3455_19138)">
        <circle
          cx="22.3089"
          cy="22.3082"
          r="22.3082"
          transform="rotate(90 22.3089 22.3082)"
          fill="white"
          fillOpacity="0.21"
        />
        <circle
          cx="22.3089"
          cy="22.3082"
          r="21.5582"
          transform="rotate(90 22.3089 22.3082)"
          stroke="white"
          strokeWidth="1.5"
        />
      </g>
      <path
        d="M29.1641 18.5391L22.2591 27.0374L15.3542 18.5391"
        stroke="white"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <defs>
        <filter
          id="filter0_b_3455_19138"
          x="-4"
          y="-4"
          width="52.6172"
          height="52.6172"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          <feFlood floodOpacity="0" result="BackgroundImageFix" />
          <feGaussianBlur in="BackgroundImageFix" stdDeviation="2" />
          <feComposite
            in2="SourceAlpha"
            operator="in"
            result="effect1_backgroundBlur_3455_19138"
          />
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="effect1_backgroundBlur_3455_19138"
            result="shape"
          />
        </filter>
      </defs>
    </svg>
  );
};

export { AccordionTriggerIcon };