// src/icons.jsx

import React from "react";

export const LogoWithText = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    id="Layer_2"
    data-name="Layer 2"
    viewBox="0 0 339.55 127.63"
  >
    <defs>
      <style>
        {`.cls-1 {
        fill: #d82622;
        stroke-width: 0px;
      }`}
      </style>
    </defs>
    <g id="Layer_10" data-name="Layer 10">
      <g>
        <g>
          <polygon
            class="cls-1"
            points="122.42 0 122.42 32.65 97.93 32.65 97.93 32.65 85.69 44.89 73.45 32.65 48.97 32.65 48.97 0 0 0 0 48.97 32.65 48.97 32.65 73.45 73.45 73.45 73.45 57.13 85.69 69.36 97.93 57.13 97.93 73.45 138.74 73.45 138.74 48.97 171.39 48.97 171.39 0 122.42 0"
          />
          <polygon
            class="cls-1"
            points="97.93 81.61 97.93 81.62 85.69 93.86 73.45 81.61 32.65 81.61 32.65 122.42 73.45 122.42 73.45 106.1 85.69 118.33 97.93 106.1 97.93 122.42 138.74 122.42 138.74 81.61 97.93 81.61"
          />
        </g>
        <g>
          <g>
            <path
              class="cls-1"
              d="m207.37,103.8v18.53h-1.85v-15.73l-6.49,10.86h-.26l-6.49-10.86v15.73h-1.85v-18.53h2.3l6.17,10.33,6.17-10.33h2.3Z"
            />
            <path
              class="cls-1"
              d="m222.73,109.09h1.75v13.24h-1.75v-2.59c-1.22,1.94-3,2.91-5.35,2.91-1.89,0-3.5-.67-4.83-2.01-1.33-1.34-2-2.98-2-4.92s.67-3.58,2-4.92c1.33-1.34,2.94-2.01,4.83-2.01,2.35,0,4.13.97,5.35,2.91v-2.6Zm-8.92,10.34c1.01,1.02,2.24,1.52,3.71,1.52s2.7-.51,3.71-1.52c1.01-1.01,1.51-2.25,1.51-3.72s-.5-2.7-1.51-3.72c-1.01-1.01-2.24-1.52-3.71-1.52s-2.7.51-3.71,1.52c-1.01,1.02-1.51,2.26-1.51,3.72s.5,2.71,1.51,3.72Z"
            />
            <path
              class="cls-1"
              d="m229.93,111.29c.81-1.61,2.21-2.41,4.18-2.41v1.69c-1.2,0-2.2.35-2.99,1.06-.79.71-1.19,1.82-1.19,3.34v7.36h-1.75v-13.24h1.75v2.2Z"
            />
            <path
              class="cls-1"
              d="m247.19,122.33h-2.33l-6.62-6.38v6.38h-1.75v-18.53h1.75v11.15l6.3-5.85h2.38l-6.83,6.35,7.1,6.88Z"
            />
            <path
              class="cls-1"
              d="m254.37,108.77c1.96,0,3.54.69,4.75,2.08s1.81,3.02,1.81,4.91c0,.19-.02.47-.05.82h-11.62c.18,1.34.75,2.41,1.71,3.19.96.79,2.15,1.18,3.56,1.18,1.01,0,1.88-.21,2.61-.62.73-.41,1.28-.96,1.65-1.63l1.54.9c-.58.94-1.38,1.68-2.38,2.22-1.01.55-2.15.82-3.44.82-2.08,0-3.78-.65-5.08-1.96-1.31-1.31-1.96-2.97-1.96-4.98s.64-3.63,1.93-4.95c1.29-1.32,2.95-1.99,4.98-1.99Zm0,1.69c-1.38,0-2.53.41-3.46,1.23s-1.48,1.88-1.66,3.19h9.88c-.18-1.39-.71-2.48-1.62-3.26-.9-.78-1.95-1.17-3.15-1.17Z"
            />
            <path
              class="cls-1"
              d="m270.34,110.79h-3.81v8.02c0,.72.14,1.24.42,1.55.28.31.71.47,1.27.48.56,0,1.27,0,2.12-.04v1.54c-1.85.28-3.24.15-4.17-.4-.93-.55-1.39-1.59-1.39-3.12v-8.02h-2.78v-1.69h2.78v-3.18l1.75-.53v3.71h3.81v1.69Z"
            />
            <path
              class="cls-1"
              d="m280.34,108.77c1.89,0,3.5.67,4.83,2.01,1.33,1.34,2,2.98,2,4.92s-.67,3.58-2,4.92c-1.33,1.34-2.94,2.01-4.83,2.01-2.35,0-4.13-.97-5.35-2.91v7.89h-1.75v-18.53h1.75v2.6c1.22-1.94,3-2.91,5.35-2.91Zm-3.84,10.66c1.01,1.02,2.24,1.52,3.71,1.52s2.7-.51,3.71-1.52c1.01-1.01,1.51-2.25,1.51-3.72s-.5-2.7-1.51-3.72c-1.01-1.01-2.24-1.52-3.71-1.52s-2.7.51-3.71,1.52c-1.01,1.02-1.51,2.26-1.51,3.72s.5,2.71,1.51,3.72Z"
            />
            <path class="cls-1" d="m290.09,122.33v-19.33h1.75v19.33h-1.75Z" />
            <path
              class="cls-1"
              d="m306.93,109.09h1.75v13.24h-1.75v-2.59c-1.22,1.94-3,2.91-5.35,2.91-1.89,0-3.5-.67-4.83-2.01-1.33-1.34-2-2.98-2-4.92s.67-3.58,2-4.92c1.33-1.34,2.94-2.01,4.83-2.01,2.35,0,4.13.97,5.35,2.91v-2.6Zm-8.92,10.34c1.01,1.02,2.24,1.52,3.71,1.52s2.7-.51,3.71-1.52c1.01-1.01,1.51-2.25,1.51-3.72s-.5-2.7-1.51-3.72c-1.01-1.01-2.24-1.52-3.71-1.52s-2.7.51-3.71,1.52c-1.01,1.02-1.51,2.26-1.51,3.72s.5,2.71,1.51,3.72Z"
            />
            <path
              class="cls-1"
              d="m318.55,122.65c-1.99,0-3.65-.67-4.98-2s-1.99-2.98-1.99-4.94.66-3.6,1.99-4.94c1.32-1.33,2.98-2,4.98-2,1.31,0,2.48.31,3.52.94,1.04.63,1.8,1.47,2.28,2.53l-1.43.82c-.35-.79-.92-1.43-1.71-1.89-.79-.47-1.67-.7-2.66-.7-1.46,0-2.7.51-3.71,1.52-1.01,1.02-1.51,2.26-1.51,3.72s.5,2.71,1.51,3.72c1.01,1.02,2.24,1.52,3.71,1.52.99,0,1.87-.23,2.65-.7.78-.47,1.39-1.1,1.83-1.89l1.46.85c-.55,1.06-1.35,1.9-2.41,2.52-1.06.62-2.23.93-3.52.93Z"
            />
            <path
              class="cls-1"
              d="m332.98,108.77c1.96,0,3.54.69,4.75,2.08s1.81,3.02,1.81,4.91c0,.19-.02.47-.05.82h-11.62c.18,1.34.75,2.41,1.71,3.19.96.79,2.15,1.18,3.56,1.18,1.01,0,1.88-.21,2.61-.62.73-.41,1.28-.96,1.65-1.63l1.54.9c-.58.94-1.38,1.68-2.38,2.22-1.01.55-2.15.82-3.44.82-2.08,0-3.78-.65-5.08-1.96-1.31-1.31-1.96-2.97-1.96-4.98s.64-3.63,1.93-4.95c1.29-1.32,2.95-1.99,4.98-1.99Zm0,1.69c-1.38,0-2.53.41-3.46,1.23s-1.48,1.88-1.66,3.19h9.88c-.18-1.39-.71-2.48-1.62-3.26-.9-.78-1.95-1.17-3.15-1.17Z"
            />
          </g>
          <g>
            <path
              class="cls-1"
              d="m208.43,97.83h-4.24v-10.77l-4.79,7.86h-.48l-4.79-7.86v10.77h-4.24v-18.53h4.24l5.03,8.23,5.03-8.23h4.24v18.53Z"
            />
            <path
              class="cls-1"
              d="m230.14,97.83h-4.24v-10.77l-4.79,7.86h-.48l-4.79-7.86v10.77h-4.24v-18.53h4.24l5.03,8.23,5.03-8.23h4.24v18.53Z"
            />
          </g>
        </g>
      </g>
    </g>
  </svg>
);
export const Logo = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 171.39 122.42"
    id="Layer_2"
    data-name="Layer 2"
  >
    <defs>
      <style>{`.cls1 { fill: #d82622; }`}</style>
    </defs>
    <g id="Layer_10" data-name="Layer 10">
      <g>
        <polygon
          className="cls1"
          points="122.42 0 122.42 32.65 97.93 32.65 97.93 32.65 85.69 44.89 73.45 32.65 48.97 32.65 48.97 0 0 0 0 48.97 32.65 48.97 32.65 73.45 73.45 73.45 73.45 57.13 85.69 69.36 97.93 57.13 97.93 73.45 138.74 73.45 138.74 48.97 171.39 48.97 171.39 0 122.42 0"
        />
        <polygon
          className="cls1"
          points="97.93 81.61 97.93 81.62 85.69 93.86 73.45 81.61 32.65 81.61 32.65 122.42 73.45 122.42 73.45 106.1 85.69 118.33 97.93 106.1 97.93 122.42 138.74 122.42 138.74 81.61 97.93 81.61"
        />
      </g>
    </g>
  </svg>
);

export const CartIcon = () => (
  <svg
    viewBox="0 0 19 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    data-v-bf54e7ab=""
    stroke="#4b5563"
  >
    <path
      fill="#ffffff"
      d="M16.5 15.355C17.3284 15.355 18 14.6834 18 13.855C18 13.0266 17.3284 12.355 16.5 12.355C15.6716 12.355 15 13.0266 15 13.855C15 14.6834 15.6716 15.355 16.5 15.355Z"
      data-v-bf54e7ab=""
    ></path>
    <path
      fill="#ffffff"
      d="M5.625 15.355C6.45342 15.355 7.12499 14.6834 7.12499 13.855C7.12499 13.0266 6.45342 12.355 5.625 12.355C4.79657 12.355 4.125 13.0266 4.125 13.855C4.125 14.6834 4.79657 15.355 5.625 15.355Z"
      data-v-bf54e7ab=""
    ></path>
    <path
      fill="#ffffff"
      d="M17.6249 10.48H5.91411L6.16423 10.0742C6.27148 9.9002 6.30298 9.68983 6.25161 9.49183L6.00748 8.55208L16.8761 7.98733C17.2882 7.96633 17.6249 7.61121 17.6249 7.19871V2.22997C17.6249 1.81748 17.2874 1.47998 16.875 1.47998H4.16961L4.02299 0.916354C3.98122 0.755602 3.88727 0.613263 3.75587 0.511665C3.62448 0.410066 3.46308 0.354957 3.29699 0.35498H0.749998C0.551086 0.35498 0.360321 0.433998 0.219669 0.57465C0.0790174 0.715302 0 0.906066 0 1.10498C0 1.30389 0.0790174 1.49465 0.219669 1.63531C0.360321 1.77596 0.551086 1.85498 0.749998 1.85498H2.71724L4.71974 9.55933L3.93224 10.8362C3.86219 10.9498 3.82376 11.0801 3.82093 11.2135C3.81809 11.3469 3.85096 11.4787 3.91611 11.5952C3.98101 11.7118 4.07589 11.809 4.19094 11.8766C4.30599 11.9443 4.43702 11.9799 4.57049 11.9799H17.6249C17.8239 11.9799 18.0146 11.9009 18.1553 11.7603C18.2959 11.6196 18.3749 11.4289 18.3749 11.2299C18.3749 11.031 18.2959 10.8403 18.1553 10.6996C18.0146 10.559 17.8239 10.48 17.6249 10.48Z"
      data-v-bf54e7ab=""
    ></path>
    <path
      fill="#ffffff"
      d="M16.5 15.355C17.3284 15.355 18 14.6834 18 13.855C18 13.0266 17.3284 12.355 16.5 12.355C15.6716 12.355 15 13.0266 15 13.855C15 14.6834 15.6716 15.355 16.5 15.355Z"
      data-v-bf54e7ab=""
    ></path>
    <path
      fill="#ffffff"
      d="M5.625 15.355C6.45342 15.355 7.12499 14.6834 7.12499 13.855C7.12499 13.0266 6.45342 12.355 5.625 12.355C4.79657 12.355 4.125 13.0266 4.125 13.855C4.125 14.6834 4.79657 15.355 5.625 15.355Z"
      data-v-bf54e7ab=""
    ></path>
    <path
      fill="#ffffff"
      d="M17.6249 10.48H5.91411L6.16423 10.0742C6.27148 9.9002 6.30298 9.68983 6.25161 9.49183L6.00748 8.55208L16.8761 7.98733C17.2882 7.96633 17.6249 7.61121 17.6249 7.19871V2.22997C17.6249 1.81748 17.2874 1.47998 16.875 1.47998H4.16961L4.02299 0.916354C3.98122 0.755602 3.88727 0.613263 3.75587 0.511665C3.62448 0.410066 3.46308 0.354957 3.29699 0.35498H0.749998C0.551086 0.35498 0.360321 0.433998 0.219669 0.57465C0.0790174 0.715302 0 0.906066 0 1.10498C0 1.30389 0.0790174 1.49465 0.219669 1.63531C0.360321 1.77596 0.551086 1.85498 0.749998 1.85498H2.71724L4.71974 9.55933L3.93224 10.8362C3.86219 10.9498 3.82376 11.0801 3.82093 11.2135C3.81809 11.3469 3.85096 11.4787 3.91611 11.5952C3.98101 11.7118 4.07589 11.809 4.19094 11.8766C4.30599 11.9443 4.43702 11.9799 4.57049 11.9799H17.6249C17.8239 11.9799 18.0146 11.9009 18.1553 11.7603C18.2959 11.6196 18.3749 11.4289 18.3749 11.2299C18.3749 11.031 18.2959 10.8403 18.1553 10.6996C18.0146 10.559 17.8239 10.48 17.6249 10.48Z"
      data-v-bf54e7ab=""
    ></path>
  </svg>
);

export const WishlistIcon = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 212.6 212.6"
    data-v-aebc1ac8=""
  >
    <path
      stroke="#4b5563"
      d="M 106.3 193.05 C 103.528 193.049 100.848 192.043 98.76 190.22 C 90.88 183.33 83.29 176.85 76.59 171.14 L 76.59 171.14 C 56.94 154.4 39.98 139.94 28.17 125.7 C 14.98 109.78 8.83 94.7 8.83 78.19 C 8.83 62.19 14.33 47.38 24.3 36.56 C 29.252 31.159 35.282 26.856 41.999 23.928 C 48.716 21 55.973 19.512 63.3 19.56 C 74.404 19.512 85.201 23.241 93.91 30.13 C 98.638 33.824 102.811 38.179 106.3 43.06 C 109.789 38.179 113.962 33.824 118.69 30.13 C 127.405 23.231 138.214 19.498 149.33 19.55 C 156.657 19.502 163.914 20.99 170.631 23.918 C 177.348 26.846 183.378 31.149 188.33 36.55 C 198.33 47.37 203.8 62.15 203.8 78.18 C 203.8 94.67 197.65 109.77 184.46 125.69 C 172.65 139.93 155.69 154.39 136.04 171.13 C 129.33 176.85 121.72 183.33 113.83 190.24 C 111.741 192.052 109.066 193.05 106.3 193.05 Z M 63.27 31 C 57.522 30.955 51.828 32.115 46.555 34.406 C 41.283 36.696 36.549 40.067 32.66 44.3 C 24.63 53 20.21 65 20.21 78.16 C 20.21 92.03 25.37 104.43 36.93 118.38 C 48.1 131.86 64.72 146.02 83.93 162.38 L 83.93 162.38 C 90.66 168.11 98.29 174.61 106.22 181.55 C 114.22 174.55 121.84 168.09 128.58 162.35 C 147.82 145.95 164.44 131.79 175.58 118.35 C 187.14 104.4 192.29 92 192.29 78.13 C 192.38 65 188 53 179.94 44.27 C 176.048 40.043 171.313 36.678 166.041 34.392 C 160.769 32.106 155.076 30.951 149.33 31 C 140.748 30.972 132.406 33.86 125.68 39.19 C 120.39 43.426 115.919 48.594 112.49 54.44 C 111.636 55.877 110.308 56.973 108.734 57.538 C 107.161 58.104 105.439 58.104 103.866 57.538 C 102.292 56.973 100.964 55.877 100.11 54.44 C 96.684 48.584 92.213 43.405 86.92 39.16 C 80.19 33.841 71.848 30.963 63.27 31 Z"
      data-v-aebc1ac8=""
    ></path>
    <path
      stroke="#4b5563"
      opacity={0}
      d="M 106.3 193.05 C 103.528 193.049 100.848 192.043 98.76 190.22 C 90.88 183.33 83.29 176.85 76.59 171.14 L 76.59 171.14 C 56.94 154.4 39.98 139.94 28.17 125.7 C 14.98 109.78 8.83 94.7 8.83 78.19 C 8.83 62.19 14.33 47.38 24.3 36.56 C 29.252 31.159 35.282 26.856 41.999 23.928 C 48.716 21 55.973 19.512 63.3 19.56 C 74.404 19.512 85.201 23.241 93.91 30.13 C 98.638 33.824 102.811 38.179 106.3 43.06 C 109.789 38.179 113.962 33.824 118.69 30.13 C 127.405 23.231 138.214 19.498 149.33 19.55 C 156.657 19.502 163.914 20.99 170.631 23.918 C 177.348 26.846 183.378 31.149 188.33 36.55 C 198.33 47.37 203.8 62.15 203.8 78.18 C 203.8 94.67 197.65 109.77 184.46 125.69 C 172.65 139.93 155.69 154.39 136.04 171.13 C 129.33 176.85 121.72 183.33 113.83 190.24 C 111.741 192.052 109.066 193.05 106.3 193.05 Z"
      data-v-aebc1ac8=""
    ></path>
  </svg>
);

export const BrandIcon = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 100 100"
    data-v-4940fd39=""
    width={16}
    height={16}
  >
    <path
      d="M 49.421 54.07 C 50.531 54.07 51.471 53.62 52.761 52.87 L 89.211 31.86 C 91.211 30.7 92.241 29.68 92.241 28.03 C 92.241 26.43 91.221 25.4 89.211 24.25 L 52.761 3.2 C 51.471 2.44 50.531 2 49.421 2 C 48.311 2 47.371 2.45 46.081 3.2 L 9.631 24.25 C 7.631 25.41 6.601 26.43 6.601 28.03 C 6.601 29.68 7.621 30.7 9.631 31.86 L 46.081 52.87 C 47.371 53.63 48.311 54.07 49.421 54.07 Z M 49.421 76.59 C 50.491 76.59 51.331 76.1 52.621 75.39 L 90.761 53.27 C 91.921 52.6 92.361 51.76 92.361 51 C 92.361 50.11 91.911 49.44 91.511 49.18 L 50.791 72.59 C 50.261 72.9 49.901 73.08 49.411 73.08 C 48.961 73.08 48.561 72.9 48.031 72.59 L 7.311 49.18 C 6.911 49.45 6.461 50.11 6.461 51 C 6.461 51.76 6.951 52.65 8.061 53.27 L 46.251 75.39 C 47.511 76.1 48.351 76.59 49.421 76.59 Z M 49.421 98.22 C 50.491 98.22 51.331 97.73 52.621 97.02 L 90.761 74.9 C 91.871 74.28 92.361 73.39 92.361 72.63 C 92.361 71.74 91.911 71.07 91.511 70.81 L 50.791 94.22 C 50.261 94.49 49.901 94.71 49.411 94.71 C 48.961 94.71 48.561 94.49 48.031 94.22 L 7.311 70.81 C 6.911 71.08 6.461 71.74 6.461 72.63 C 6.461 73.39 6.951 74.28 8.061 74.9 L 46.251 97.02 C 47.511 97.73 48.351 98.22 49.421 98.22 Z"
      data-v-4940fd39=""
    ></path>
    <path
      opacity={0}
      d="M 49.421 54.07 C 50.531 54.07 51.471 53.62 52.761 52.87 L 89.211 31.86 C 91.211 30.7 92.241 29.68 92.241 28.03 C 92.241 26.43 91.221 25.4 89.211 24.25 L 52.761 3.2 C 51.471 2.44 50.531 2 49.421 2 C 48.311 2 47.371 2.45 46.081 3.2 L 9.631 24.25 C 7.631 25.41 6.601 26.43 6.601 28.03 C 6.601 29.68 7.621 30.7 9.631 31.86 L 46.081 52.87 C 47.371 53.63 48.311 54.07 49.421 54.07 Z M 49.421 76.59 C 50.491 76.59 51.331 76.1 52.621 75.39 L 90.761 53.27 C 91.921 52.6 92.361 51.76 92.361 51 C 92.361 50.11 91.911 49.44 91.511 49.18 L 50.791 72.59 C 50.261 72.9 49.901 73.08 49.411 73.08 C 48.961 73.08 48.561 72.9 48.031 72.59 L 7.311 49.18 C 6.911 49.45 6.461 50.11 6.461 51 C 6.461 51.76 6.951 52.65 8.061 53.27 L 46.251 75.39 C 47.511 76.1 48.351 76.59 49.421 76.59 Z M 49.421 98.22 C 50.491 98.22 51.331 97.73 52.621 97.02 L 90.761 74.9 C 91.871 74.28 92.361 73.39 92.361 72.63 C 92.361 71.74 91.911 71.07 91.511 70.81 L 50.791 94.22 C 50.261 94.49 49.901 94.71 49.411 94.71 C 48.961 94.71 48.561 94.49 48.031 94.22 L 7.311 70.81 C 6.911 71.08 6.461 71.74 6.461 72.63 C 6.461 73.39 6.951 74.28 8.061 74.9 L 46.251 97.02 C 47.511 97.73 48.351 98.22 49.421 98.22 Z"
      data-v-4940fd39=""
    ></path>
  </svg>
);
export const OrderIcon = () => (
  <svg
    data-name="Layer 1"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 28.35 28.35"
    data-v-5c1608dd=""
    
  >
    <path
      d="M24.4,16a2.37,2.37,0,0,0-.94-.59V14.22h0v-2.7h0V9a2.27,2.27,0,0,0-.29-1.11L21.72,5.33a2.27,2.27,0,0,0-2-1.15H11A2.27,2.27,0,0,0,9,5.33L7.52,7.91A2.38,2.38,0,0,0,7.23,9v2.5h0v2h0v.81H4.68a1.46,1.46,0,0,0-1.45,1.46v6.86a1.45,1.45,0,0,0,1.45,1.45H7.2a1.46,1.46,0,0,0,1.28-.78h1.68a2.69,2.69,0,0,1,.57.06l3.55.71a4.09,4.09,0,0,0,.85.09,4.24,4.24,0,0,0,.94-.11l4.64-1,3.65-3.5a2.43,2.43,0,0,0,0-3.49Zm-7.17-1.14-.06,0-3.89-.63a4.34,4.34,0,0,0-2.88.55l-1.75.8V11.52a1,1,0,0,1,1-1H21a1,1,0,0,1,1,1v2h0v1.87a2.45,2.45,0,0,0-.94.5L19,17.68c0-.11,0-.23,0-.36A2.64,2.64,0,0,0,17.23,14.89ZM20.49,6,21.93,8.6A.78.78,0,0,1,22,9v.29a2.51,2.51,0,0,0-1-.23h-5V5.59h3.7A.86.86,0,0,1,20.49,6ZM8.76,8.6,10.2,6A.86.86,0,0,1,11,5.59h3.69V9.08h-5a2.51,2.51,0,0,0-1,.23V9A.78.78,0,0,1,8.76,8.6Zm-1.53,14s0,0,0,0H4.68a0,0,0,0,1,0,0V15.78a0,0,0,0,1,0,0H7.2s0,0,0,0v6.86ZM23.39,18.5,20,21.73l-4.26,1a2.85,2.85,0,0,1-1.2,0L11,22a4.8,4.8,0,0,0-.85-.08H8.65V17.14L11,16.06l.08,0a2.87,2.87,0,0,1,2-.38l3.75.6a1.21,1.21,0,0,1,.76,1.08c0,.44,0,1.18-1.77,1.18H14.54a.7.7,0,0,0-.7.71.7.7,0,0,0,.7.7h4L22,17A1,1,0,0,1,23.4,17a1,1,0,0,1,.3.74A1,1,0,0,1,23.39,18.5Z"
      data-v-5c1608dd=""
    ></path>
  </svg>
);
export const StoreIcon = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    fill="none"
    stroke="#4b5563"
    strokeWidth="2"
    strokeLinecap="round"
    strokeLinejoin="round"
    width={16}
    height={16}
  >
    <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
    <polyline points="9 22 9 12 15 12 15 22"></polyline>
  </svg>
);
export const CategoryIcon = () => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fillRule="evenodd"
    strokeLinejoin="round"
    strokeMiterlimit="2"
    clipRule="evenodd"
    viewBox="0 0 32 32"
    id="category"
    width={20}
    height={20}
  >
    <path
      fill="currentColor"
      d="M30 20c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 27 17h-7c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 17 20v7c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 20 30h7c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 30 27v-7Zm-15 0c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 12 17H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 20v7c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 5 30h7c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 15 27v-7Zm13 0v7a.997.997 0 0 1-1 1h-7a.997.997 0 0 1-1-1v-7a.997.997 0 0 1 1-1h7a.997.997 0 0 1 1 1Zm-15 0v7a.997.997 0 0 1-1 1H5a.997.997 0 0 1-1-1v-7a.997.997 0 0 1 1-1h7a.997.997 0 0 1 1 1Zm2-15c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 12 2H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 5v7c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 5 15h7c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 15 12V5Zm15 0c0-.796-.316-1.559-.879-2.121A2.996 2.996 0 0 0 27 2h-7c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 17 5v7c0 .796.316 1.559.879 2.121A2.996 2.996 0 0 0 20 15h7c.796 0 1.559-.316 2.121-.879A2.996 2.996 0 0 0 30 12V5ZM13 5v7a.997.997 0 0 1-1 1H5a.997.997 0 0 1-1-1V5a.997.997 0 0 1 1-1h7a.997.997 0 0 1 1 1Zm15 0v7a.997.997 0 0 1-1 1h-7a.997.997 0 0 1-1-1V5a.997.997 0 0 1 1-1h7a.997.997 0 0 1 1 1Z"
    ></path>
  </svg>
);

export const LoginIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212">
    <path
      id="path"
      d="M 78.76 21.76 L 45.92 21.76 C 39.359 21.765 33.062 24.376 28.421 29.014 C 23.781 33.653 21.168 39.949 21.16 46.51 L 21.16 68.36 C 21.227 70.082 21.959 71.714 23.201 72.909 C 24.443 74.104 26.101 74.772 27.825 74.772 C 29.549 74.772 31.207 74.104 32.449 72.909 C 33.691 71.714 34.423 70.082 34.49 68.36 L 34.49 46.51 C 34.493 43.481 35.699 40.575 37.841 38.434 C 39.984 36.294 42.891 35.09 45.92 35.09 L 78.76 35.09 C 80.482 35.023 82.114 34.291 83.309 33.049 C 84.504 31.807 85.172 30.149 85.172 28.425 C 85.172 26.701 84.504 25.043 83.309 23.801 C 82.114 22.559 80.482 21.827 78.76 21.76 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_1"
      d="M 78.76 177.59 L 45.92 177.59 C 42.891 177.587 39.983 176.381 37.841 174.239 C 35.699 172.097 34.493 169.189 34.49 166.16 L 34.49 144.31 C 34.423 142.588 33.691 140.956 32.449 139.761 C 31.207 138.566 29.549 137.898 27.825 137.898 C 26.101 137.898 24.443 138.566 23.201 139.761 C 21.959 140.956 21.227 142.588 21.16 144.31 L 21.16 166.16 C 21.168 172.721 23.781 179.017 28.421 183.656 C 33.062 188.294 39.359 190.905 45.92 190.91 L 78.76 190.91 C 80.526 190.91 82.221 190.208 83.469 188.959 C 84.718 187.711 85.42 186.016 85.42 184.25 C 85.42 182.484 84.718 180.789 83.469 179.541 C 82.221 178.292 80.526 177.59 78.76 177.59 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_2"
      d="M 21.16 106.3 C 21.155 107.474 21.46 108.629 22.044 109.648 C 22.628 110.666 23.47 111.513 24.486 112.101 C 25.502 112.69 26.656 113 27.83 113 L 60.24 113 L 50.43 122.81 C 49.429 123.803 48.769 125.089 48.545 126.481 C 48.321 127.874 48.545 129.301 49.183 130.559 C 49.822 131.816 50.844 132.838 52.1 133.478 C 53.357 134.118 54.784 134.343 56.177 134.121 C 57.569 133.898 58.856 133.24 59.85 132.24 L 81 111 C 81.828 110.174 82.425 109.144 82.728 108.015 C 83.031 106.885 83.031 105.695 82.728 104.565 C 82.425 103.436 81.828 102.406 81 101.58 L 59.85 80.4 C 58.599 79.158 56.904 78.462 55.141 78.465 C 53.378 78.469 51.686 79.172 50.44 80.42 C 49.194 81.667 48.492 83.36 48.49 85.123 C 48.489 86.886 49.187 88.58 50.43 89.83 L 60.24 99.64 L 27.83 99.64 C 26.063 99.64 24.367 100.342 23.117 101.59 C 21.867 102.838 21.163 104.533 21.16 106.3 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_3"
      d="M 173.13 24.34 L 130.67 12.89 C 125.763 11.565 120.564 11.784 115.785 13.516 C 111.006 15.249 106.875 18.412 103.957 22.574 C 101.038 26.735 99.471 31.697 99.47 36.78 L 99.47 175.78 C 99.475 182.331 102.077 188.621 106.702 193.261 C 111.328 197.901 117.609 200.524 124.16 200.55 C 126.359 200.546 128.547 200.254 130.67 199.68 L 173.13 188.23 C 178.38 186.807 183.019 183.694 186.327 179.376 C 189.635 175.058 191.432 169.77 191.44 164.33 L 191.44 48.24 C 191.434 42.8 189.637 37.51 186.329 33.192 C 183.02 28.874 178.381 25.762 173.13 24.34 Z M 178.13 164.34 C 178.117 166.845 177.284 169.277 175.758 171.264 C 174.232 173.25 172.097 174.682 169.68 175.34 L 127.2 186.85 C 124.937 187.461 122.54 187.362 120.336 186.565 C 118.131 185.769 116.224 184.313 114.875 182.396 C 113.525 180.48 112.797 178.194 112.79 175.85 L 112.79 36.85 C 112.793 33.826 113.994 30.923 116.13 28.781 C 118.266 26.64 121.166 25.431 124.19 25.42 C 125.203 25.421 126.212 25.555 127.19 25.82 L 169.66 37.2 C 172.077 37.858 174.212 39.29 175.738 41.276 C 177.264 43.263 178.097 45.695 178.11 48.2 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_4"
      d="M 135.41 88.1 C 133.644 88.1 131.949 88.802 130.701 90.051 C 129.452 91.299 128.75 92.994 128.75 94.76 L 128.75 117.84 C 128.817 119.562 129.549 121.194 130.791 122.389 C 132.033 123.584 133.691 124.252 135.415 124.252 C 137.139 124.252 138.797 123.584 140.039 122.389 C 141.281 121.194 142.013 119.562 142.08 117.84 L 142.08 94.76 C 142.077 92.993 141.373 91.298 140.123 90.05 C 138.873 88.802 137.177 88.1 135.41 88.1 Z"
      fill="currentColor"
    ></path>
  </svg>
);

export const RegisterIcon = () => (
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 212 212">
    <path
      id="path"
      d="M 94.43 101.71 C 104.598 101.712 114.471 98.26 122.422 91.922 C 130.373 85.584 135.939 76.729 138.203 66.816 C 140.467 56.903 139.297 46.51 134.887 37.348 C 130.476 28.187 123.081 20.79 113.921 16.377 C 104.76 11.965 94.367 10.793 84.454 13.055 C 74.541 15.317 65.684 20.881 59.344 28.83 C 53.005 36.78 49.55 46.652 49.55 56.82 C 49.563 68.715 54.299 80.132 62.709 88.544 C 71.119 96.956 82.535 101.694 94.43 101.71 Z M 94.43 25.26 C 101.579 25.258 108.52 27.684 114.111 32.14 C 119.701 36.596 123.615 42.821 125.207 49.79 C 126.799 56.759 125.978 64.067 122.877 70.508 C 119.777 76.95 114.578 82.15 108.137 85.253 C 101.697 88.355 94.39 89.179 87.42 87.589 C 80.45 85.999 74.224 82.087 69.766 76.498 C 65.309 70.91 62.88 63.969 62.88 56.82 C 62.891 48.458 66.22 40.433 72.132 34.519 C 78.044 28.605 86.068 25.273 94.43 25.26 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_1"
      d="M 94.43 118.88 C 42.93 118.88 17.86 139.88 7.51 152.41 C 2.684 158.273 0.046 165.636 0.05 173.23 L 0.05 181.32 C 0.055 186.448 2.097 191.37 5.723 194.997 C 9.35 198.623 14.272 200.665 19.4 200.67 L 169.47 200.67 C 174.598 200.665 179.52 198.623 183.147 194.997 C 186.773 191.37 188.815 186.448 188.82 181.32 L 188.82 173.23 C 188.824 165.636 186.186 158.273 181.36 152.41 C 171 139.89 145.94 118.88 94.43 118.88 Z M 175.49 181.32 C 175.49 182.911 174.857 184.438 173.733 185.563 C 172.608 186.687 171.081 187.32 169.49 187.32 L 19.4 187.32 C 17.809 187.32 16.282 186.687 15.157 185.563 C 14.033 184.438 13.4 182.911 13.4 181.32 L 13.4 173.23 C 13.392 168.738 14.948 164.381 17.8 160.91 C 26.67 150.19 48.41 132.21 94.45 132.21 C 140.49 132.21 162.24 150.21 171.11 160.91 C 173.957 164.383 175.513 168.739 175.51 173.23 Z"
      fill="currentColor"
    ></path>
    <path
      id="path_2"
      d="M 205.88 48 L 194.16 48 L 194.16 36.27 C 194.216 34.827 193.802 33.405 192.981 32.218 C 192.16 31.03 190.975 30.141 189.605 29.684 C 188.236 29.228 186.754 29.228 185.385 29.684 C 184.015 30.141 182.83 31.03 182.009 32.218 C 181.188 33.405 180.774 34.827 180.83 36.27 L 180.83 48 L 169.11 48 C 167.388 48.067 165.756 48.799 164.561 50.041 C 163.366 51.283 162.698 52.941 162.698 54.665 C 162.698 56.389 163.366 58.047 164.561 59.289 C 165.756 60.531 167.388 61.263 169.11 61.33 L 180.83 61.33 L 180.83 73 C 180.774 74.443 181.188 75.865 182.009 77.052 C 182.83 78.24 184.015 79.129 185.385 79.586 C 186.754 80.042 188.236 80.042 189.605 79.586 C 190.975 79.129 192.16 78.24 192.981 77.052 C 193.802 75.865 194.216 74.443 194.16 73 L 194.16 61.32 L 205.88 61.32 C 207.323 61.376 208.745 60.962 209.932 60.141 C 211.12 59.32 212.009 58.135 212.466 56.765 C 212.922 55.396 212.922 53.914 212.466 52.545 C 212.009 51.175 211.12 49.99 209.932 49.169 C 208.745 48.348 207.323 47.934 205.88 47.99 Z"
      fill="currentColor"
    ></path>
  </svg>
);

export const IncreaseIcon = () => (
  <svg viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M6.64389 4.03427C7.42494 4.81532 7.42494 6.08165 6.64389 6.8627L3.44324 10.0634C2.18331 11.3233 0.0290222 10.431 0.0290226 8.64914V2.24783C0.0290226 0.466021 2.18331 -0.426312 3.44324 0.833617L6.64389 4.03427Z"
      fill="white"
    ></path>
  </svg>
);
export const DecreaseIcon = () => (
  <svg viewBox="0 0 9 11" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M1.41422 6.86246C0.633166 6.08141 0.633165 4.81508 1.41421 4.03403L4.61487 0.833374C5.8748 -0.426555 8.02908 0.465776 8.02908 2.24759V8.6489C8.02908 10.4307 5.8748 11.323 4.61487 10.0631L1.41422 6.86246Z"
      fill="white"
    ></path>
  </svg>
);
