import { createIcon } from '../utils/create-icon';

export const ChevronUpDownTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M6.33687 7.99999C6.3409 7.99999 6.34451 8 6.34764 8L17.6519 8C17.655 8 17.6586 7.99999 17.6627 7.99999C17.7042 7.9999 17.7906 7.99971 17.8698 8.00687L17.8727 8.00712C17.9424 8.01338 18.2209 8.03835 18.4773 8.24733C18.741 8.46227 18.8904 8.78715 18.882 9.12728C18.8738 9.45794 18.7115 9.68563 18.6709 9.74263L18.6692 9.745C18.6231 9.80979 18.5667 9.8753 18.5396 9.90675C18.537 9.90981 18.5347 9.91254 18.5326 9.91492L12.8805 16.5091C12.8805 16.5091 12.8787 16.5112 12.8774 16.5128C12.863 16.5296 12.8188 16.5816 12.7715 16.628C12.7131 16.6853 12.58 16.8067 12.3716 16.8816C12.1312 16.9679 11.8683 16.9679 11.6279 16.8816C11.4196 16.8067 11.2864 16.6853 11.228 16.628C11.1807 16.5816 11.1365 16.5296 11.1222 16.5128C11.1209 16.5112 11.119 16.5091 11.119 16.5091L5.4669 9.91492C5.46486 9.91254 5.46251 9.90981 5.45988 9.90675C5.43281 9.8753 5.37641 9.80979 5.33029 9.745L5.32861 9.74263C5.28799 9.68564 5.12573 9.45795 5.11753 9.12728C5.10909 8.78715 5.25852 8.46227 5.52225 8.24732C5.77865 8.03835 6.05713 8.01338 6.12683 8.00712L6.12972 8.00686C6.20893 7.99971 6.29537 7.9999 6.33687 7.99999Z"
      fill="currentColor"
    />
  </svg>
));