import { createComponent } from "./create-component"

export const NumberInputAnatomy = createComponent((props) => {
  const { palette, ...rest } = props
  return (
    <svg
      width={400}
      height={300}
      viewBox="0 0 400 300"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...rest}
    >
      <path
        d="M62 134C62 130.686 64.6863 128 68 128H332C335.314 128 338 130.686 338 134V167C338 170.314 335.314 173 332 173H68C64.6863 173 62 170.314 62 167V134Z"
        fill={palette[3]}
      />
      <path
        opacity={0.8}
        d="M314.607 143.032L320.426 137.213L326.245 143.032"
        stroke={palette[0]}
        strokeWidth={1.79032}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        opacity={0.8}
        d="M326.245 159.276L320.426 165.095L314.607 159.276"
        stroke={palette[0]}
        strokeWidth={1.79032}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <line
        opacity={0.8}
        x1={302.398}
        y1={128}
        x2={302.398}
        y2={173.096}
        stroke={palette[2]}
        strokeWidth={0.795699}
        strokeLinejoin="round"
      />
      <line
        opacity={0.8}
        x1={302.727}
        y1={151.12}
        x2={337.398}
        y2={151.12}
        stroke={palette[2]}
        strokeWidth={0.795699}
        strokeLinejoin="round"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M121 161C120.448 161 120 160.552 120 160L120 141C120 140.448 120.448 140 121 140C121.552 140 122 140.448 122 141L122 160C122 160.552 121.552 161 121 161Z"
        fill={palette[15]}
      />
      <path
        d="M81.75 144.364V156H80.3409V145.841H80.2727L77.4318 147.727V146.295L80.3409 144.364H81.75ZM86.9048 156V154.977L90.7457 150.773C91.1965 150.28 91.5677 149.852 91.8594 149.489C92.151 149.121 92.367 148.777 92.5071 148.455C92.651 148.129 92.723 147.788 92.723 147.432C92.723 147.023 92.6245 146.669 92.4276 146.369C92.2344 146.07 91.9692 145.839 91.6321 145.676C91.295 145.513 90.9162 145.432 90.4957 145.432C90.0488 145.432 89.6586 145.525 89.3253 145.71C88.9957 145.892 88.7401 146.148 88.5582 146.477C88.3802 146.807 88.2912 147.193 88.2912 147.636H86.9503C86.9503 146.955 87.1075 146.356 87.4219 145.841C87.7363 145.326 88.1643 144.924 88.706 144.636C89.2514 144.348 89.8632 144.205 90.5412 144.205C91.223 144.205 91.8272 144.348 92.3537 144.636C92.8802 144.924 93.2931 145.312 93.5923 145.801C93.8916 146.29 94.0412 146.833 94.0412 147.432C94.0412 147.86 93.9635 148.278 93.8082 148.688C93.6567 149.093 93.3916 149.545 93.0128 150.045C92.6378 150.542 92.117 151.148 91.4503 151.864L88.8366 154.659V154.75H94.2457V156H86.9048ZM100.946 156.159C100.196 156.159 99.5275 156.03 98.9403 155.773C98.357 155.515 97.893 155.157 97.5483 154.699C97.2074 154.237 97.0218 153.701 96.9915 153.091H98.4233C98.4536 153.466 98.5824 153.79 98.8097 154.062C99.0369 154.331 99.3343 154.54 99.7017 154.688C100.069 154.835 100.476 154.909 100.923 154.909C101.423 154.909 101.866 154.822 102.253 154.648C102.639 154.473 102.942 154.231 103.162 153.92C103.382 153.61 103.491 153.25 103.491 152.841C103.491 152.413 103.385 152.036 103.173 151.71C102.961 151.381 102.651 151.123 102.241 150.938C101.832 150.752 101.332 150.659 100.741 150.659H99.8097V149.409H100.741C101.204 149.409 101.609 149.326 101.957 149.159C102.31 148.992 102.584 148.758 102.781 148.455C102.982 148.152 103.082 147.795 103.082 147.386C103.082 146.992 102.995 146.65 102.821 146.358C102.647 146.066 102.401 145.839 102.082 145.676C101.768 145.513 101.397 145.432 100.969 145.432C100.567 145.432 100.188 145.506 99.8324 145.653C99.4801 145.797 99.1922 146.008 98.9688 146.284C98.7453 146.557 98.6241 146.886 98.6051 147.273H97.2415C97.2642 146.663 97.4479 146.129 97.7926 145.67C98.1373 145.208 98.5881 144.848 99.1449 144.591C99.7055 144.333 100.321 144.205 100.991 144.205C101.711 144.205 102.329 144.35 102.844 144.642C103.359 144.93 103.755 145.311 104.031 145.784C104.308 146.258 104.446 146.769 104.446 147.318C104.446 147.973 104.274 148.532 103.929 148.994C103.588 149.456 103.124 149.777 102.537 149.955V150.045C103.272 150.167 103.846 150.479 104.259 150.983C104.671 151.483 104.878 152.102 104.878 152.841C104.878 153.473 104.705 154.042 104.361 154.545C104.02 155.045 103.554 155.439 102.963 155.727C102.372 156.015 101.7 156.159 100.946 156.159ZM107.01 153.614V152.455L112.124 144.364H112.964V146.159H112.396L108.533 152.273V152.364H115.419V153.614H107.01ZM112.487 156V153.261V152.722V144.364H113.828V156H112.487Z"
        fill={palette[15]}
      />
    </svg>
  )
})
