import { Props } from "./Props";

export const Header1Small = (props: Props) => {
  return (
    <svg
      width="32"
      height="24"
      viewBox="0 0 32 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M20.4248 17.3449C20.3246 17.3572 20.2493 17.4423 20.2493 17.5434V19.0583C20.2493 19.1688 20.3388 19.2583 20.4493 19.2583H28.2973C28.4078 19.2583 28.4973 19.1688 28.4973 19.0583V17.5434C28.4973 17.4423 28.422 17.3572 28.3217 17.3449L26.1504 17.0778C26.0502 17.0654 25.9749 16.9803 25.9749 16.8792V4.92194C25.9749 4.79776 25.8629 4.70359 25.7405 4.72491L20.3949 5.6562C20.2992 5.67288 20.2292 5.75601 20.2292 5.85323V7.2876C20.2292 7.39775 20.3183 7.48717 20.4285 7.4876L22.5725 7.49604C22.6827 7.49648 22.7717 7.58589 22.7717 7.69604V16.8792C22.7717 16.9803 22.6964 17.0654 22.5961 17.0778L20.4248 17.3449ZM4.82378 4.71289C4.71332 4.71289 4.62378 4.80243 4.62378 4.91289V19.0583C4.62378 19.1688 4.71332 19.2583 4.82378 19.2583H7.69082C7.80128 19.2583 7.89082 19.1688 7.89082 19.0583V13.5208C7.89082 13.4104 7.98037 13.3208 8.09082 13.3208H13.7065C13.8169 13.3208 13.9065 13.4104 13.9065 13.5208V19.0583C13.9065 19.1688 13.996 19.2583 14.1065 19.2583H16.9735C17.084 19.2583 17.1735 19.1688 17.1735 19.0583V4.91289C17.1735 4.80243 17.084 4.71289 16.9735 4.71289H14.1065C13.996 4.71289 13.9065 4.80243 13.9065 4.91289V10.4433C13.9065 10.5537 13.8169 10.6433 13.7065 10.6433H8.09082C7.98037 10.6433 7.89082 10.5537 7.89082 10.4433V4.91289C7.89082 4.80243 7.80128 4.71289 7.69082 4.71289H4.82378Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const Header2Small = (props: Props) => {
  return (
    <svg
      width="32"
      height="24"
      viewBox="0 0 32 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.7023 17.4603C18.6687 17.4972 18.6501 17.5452 18.6501 17.5951V18.8315C18.6501 18.942 18.7397 19.0315 18.8501 19.0315H27.6383C27.7488 19.0315 27.8383 18.942 27.8383 18.8315V16.0037C27.8383 15.8933 27.7488 15.8037 27.6383 15.8037H26.1823C26.0793 15.8037 25.9931 15.8819 25.9832 15.9844L25.8754 17.0988C25.8654 17.2013 25.7793 17.2795 25.6763 17.2795H21.5426C21.5266 17.2795 21.5122 17.2698 21.5062 17.2549V17.2549C21.5006 17.2409 21.5036 17.2249 21.5138 17.2138L24.7248 13.7375C25.3215 13.0964 25.8166 12.5125 26.2102 11.9856C26.6101 11.4524 26.9084 10.9382 27.1052 10.4431C27.3083 9.948 27.4099 9.43701 27.4099 8.91016C27.4099 8.13574 27.2321 7.45337 26.8767 6.86304C26.5212 6.27271 26.0166 5.80933 25.3628 5.4729C24.7089 5.13647 23.9282 4.96826 23.0205 4.96826C22.0683 4.96826 21.2463 5.15869 20.5544 5.53955C19.8625 5.92041 19.3325 6.43774 18.9643 7.09155C18.604 7.74257 18.4326 8.47225 18.4499 9.2806C18.4501 9.28749 18.4513 9.29434 18.4534 9.30087V9.30087C18.4629 9.3291 18.4893 9.34814 18.519 9.34814H20.4687C20.5791 9.34814 20.6682 9.25844 20.6727 9.14808C20.7029 8.41863 20.9015 7.84421 21.2685 7.4248C21.6684 6.96777 22.2365 6.73926 22.9729 6.73926C23.6711 6.73926 24.2043 6.95508 24.5725 7.38672C24.947 7.81836 25.1342 8.34839 25.1342 8.97681C25.1342 9.31958 25.0739 9.65918 24.9533 9.99561C24.8391 10.3257 24.6391 10.697 24.3535 11.1096C24.0678 11.5159 23.6743 11.9983 23.1728 12.5569L18.7023 17.4603ZM5.05474 5.21338C4.94428 5.21338 4.85474 5.30292 4.85474 5.41338V18.8316C4.85474 18.942 4.94428 19.0316 5.05474 19.0316H6.73961C6.85007 19.0316 6.93961 18.942 6.93961 18.8316V13.2063C6.93961 13.0959 7.02915 13.0063 7.13961 13.0063H13.6285C13.7389 13.0063 13.8285 13.0959 13.8285 13.2063V18.8316C13.8285 18.942 13.918 19.0316 14.0285 19.0316H15.7201C15.8305 19.0316 15.9201 18.942 15.9201 18.8316V5.41338C15.9201 5.30292 15.8305 5.21338 15.7201 5.21338H14.0285C13.918 5.21338 13.8285 5.30292 13.8285 5.41338V11.0184C13.8285 11.1288 13.7389 11.2184 13.6285 11.2184H7.13961C7.02915 11.2184 6.93961 11.1288 6.93961 11.0184V5.41338C6.93961 5.30292 6.85007 5.21338 6.73961 5.21338H5.05474Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const Header3Small = (props: Props) => {
  return (
    <svg
      width="32"
      height="24"
      viewBox="0 0 32 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M19.5185 18.2898C20.1108 18.5796 20.8075 18.7245 21.6087 18.7245C22.4311 18.7245 23.1768 18.5732 23.8459 18.2707C24.5149 17.9638 25.0646 17.5377 25.495 16.9923C25.9297 16.4468 26.1981 15.8182 26.3004 15.1066C26.4283 14.2799 26.294 13.5704 25.8977 12.978C25.5115 12.3903 24.9205 12.0093 24.1247 11.8352C24.1038 11.8306 24.0888 11.8122 24.0888 11.7909V11.7909C24.0888 11.7709 24.102 11.7533 24.1211 11.7475C24.8271 11.5331 25.4214 11.1698 25.9041 10.6577C26.3984 10.1379 26.6967 9.5093 26.799 8.77208C26.8927 8.13714 26.8224 7.55546 26.5881 7.02706C26.3579 6.49865 25.9829 6.07464 25.4631 5.75504C24.9474 5.43544 24.3061 5.27563 23.5391 5.27563C22.8189 5.27563 22.1456 5.42265 21.5192 5.71669C20.8927 6.00646 20.3665 6.41129 19.9403 6.93117C19.5671 7.39115 19.3156 7.91283 19.1858 8.49623C19.159 8.61663 19.2533 8.72734 19.3767 8.72734H20.0434C20.1422 8.72734 20.2254 8.65495 20.2462 8.55835C20.3391 8.12647 20.529 7.74814 20.816 7.42336C21.1442 7.05262 21.5447 6.76711 22.0177 6.56683C22.4908 6.36228 22.9872 6.26001 23.5071 6.26001C24.044 6.26001 24.4915 6.36441 24.8494 6.57322C25.2074 6.77777 25.4631 7.06541 25.6165 7.43615C25.7699 7.80262 25.8104 8.22663 25.7379 8.70816C25.6655 9.23657 25.4694 9.6968 25.1498 10.0888C24.8302 10.4809 24.4275 10.7856 23.9417 11.0029C23.456 11.216 22.9254 11.3225 22.3501 11.3225H21.8463C21.7467 11.3225 21.6622 11.3959 21.6483 11.4946L21.5641 12.0917C21.5471 12.2121 21.6406 12.3197 21.7621 12.3197H22.2479C22.9467 12.3197 23.5305 12.4326 23.9993 12.6584C24.468 12.8843 24.8089 13.1996 25.022 13.6045C25.2351 14.005 25.3033 14.4695 25.2266 14.9979C25.1541 15.5349 24.9453 16.0079 24.6001 16.417C24.2592 16.8261 23.8288 17.1478 23.3089 17.3822C22.7933 17.6123 22.2308 17.7273 21.6214 17.7273C21.0504 17.7273 20.5561 17.6251 20.1385 17.4205C19.7251 17.216 19.414 16.9283 19.2052 16.5576C19.0324 16.2443 18.9508 15.8899 18.9606 15.4944C18.9635 15.3757 18.8717 15.2728 18.753 15.2728H18.0457C17.9449 15.2728 17.8592 15.3478 17.8513 15.4483C17.8037 16.0542 17.9141 16.5944 18.1825 17.069C18.4808 17.5888 18.9261 17.9958 19.5185 18.2898ZM6.51038 5.45459C6.41134 5.45459 6.32722 5.52708 6.31258 5.62504L4.41638 18.3159C4.39832 18.4368 4.49196 18.5455 4.61418 18.5455H5.31548C5.41456 18.5455 5.49871 18.473 5.5133 18.375L6.36379 12.6628C6.37838 12.5648 6.46253 12.4922 6.56161 12.4922H13.6934C13.8156 12.4922 13.9092 12.6008 13.8912 12.7217L13.0583 18.316C13.0403 18.4369 13.1339 18.5455 13.2561 18.5455H13.9512C14.0503 18.5455 14.1344 18.473 14.149 18.3751L16.0452 5.68414C16.0633 5.56326 15.9696 5.45459 15.8474 5.45459H15.1525C15.0534 5.45459 14.9693 5.5271 14.9547 5.62508L14.1043 11.3246C14.0896 11.4226 14.0055 11.4951 13.9064 11.4951H6.77465C6.65244 11.4951 6.5588 11.3864 6.57684 11.2656L7.40962 5.6841C7.42766 5.56323 7.33403 5.45459 7.21181 5.45459H6.51038Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const ParagraphSmall = (props: Props) => {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.56396 18.5455V5.45459H11.9873C13.0142 5.45459 13.8537 5.63996 14.5057 6.0107C15.162 6.37718 15.6478 6.87362 15.9631 7.50004C16.2785 8.12646 16.4361 9.06841 16.4361 9.83971C16.4361 10.611 16.2785 11.5754 15.9631 12.206C15.652 12.8367 15.1705 13.3396 14.5185 13.7146C13.8665 14.0853 13.0313 14.2707 12.0128 14.2707H9.14919V12.8644H11.9617C12.6648 12.8644 13.2294 12.743 13.6556 12.5001C14.0817 12.2572 14.3907 11.929 14.5824 11.5157C14.7785 11.0981 14.8765 10.3639 14.8765 9.83971C14.8765 9.31556 14.7785 8.60374 14.5824 8.19039C14.3907 7.77703 14.0796 7.45317 13.6492 7.21879C13.2188 6.98016 12.6478 6.86084 11.9361 6.86084H9.14919V18.5455H7.56396Z"
        fill="currentColor"
      />
    </svg>
  );
};
