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

export const LinkAnatomy = 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
        fillRule="evenodd"
        clipRule="evenodd"
        d="M120.324 128.088C120.767 127.63 121.297 127.264 121.882 127.013C122.468 126.761 123.098 126.629 123.735 126.623C124.373 126.618 125.005 126.739 125.595 126.98C126.184 127.222 126.72 127.578 127.171 128.029C127.622 128.48 127.978 129.016 128.22 129.605C128.461 130.195 128.582 130.827 128.577 131.465C128.571 132.102 128.439 132.732 128.187 133.318C127.936 133.903 127.57 134.433 127.112 134.876L119.912 142.076C119.011 142.975 117.791 143.481 116.518 143.481C115.245 143.481 114.025 142.975 113.124 142.076C112.672 141.638 112.066 141.397 111.436 141.402C110.807 141.407 110.205 141.66 109.76 142.105C109.315 142.55 109.063 143.152 109.057 143.781C109.052 144.41 109.294 145.017 109.731 145.469C111.531 147.269 113.972 148.28 116.518 148.28C119.064 148.28 121.505 147.269 123.305 145.469L130.505 138.269C132.254 136.459 133.222 134.034 133.2 131.517C133.178 128.999 132.168 126.592 130.388 124.812C128.608 123.032 126.201 122.022 123.683 122C121.166 121.978 118.741 122.946 116.931 124.695L113.331 128.295C113.102 128.516 112.919 128.781 112.793 129.074C112.667 129.367 112.601 129.682 112.598 130C112.595 130.319 112.656 130.635 112.777 130.93C112.898 131.225 113.076 131.493 113.301 131.718C113.526 131.944 113.794 132.122 114.089 132.242C114.384 132.363 114.7 132.424 115.019 132.421C115.338 132.418 115.653 132.352 115.945 132.226C116.238 132.1 116.503 131.918 116.724 131.688L120.324 128.088V128.088ZM108.324 140.088C109.225 139.189 110.445 138.683 111.718 138.683C112.991 138.683 114.211 139.189 115.112 140.088C115.333 140.318 115.598 140.5 115.891 140.626C116.183 140.752 116.498 140.818 116.817 140.821C117.136 140.824 117.452 140.763 117.747 140.642C118.042 140.522 118.31 140.344 118.535 140.118C118.76 139.893 118.939 139.625 119.059 139.33C119.18 139.035 119.241 138.719 119.238 138.4C119.235 138.082 119.169 137.767 119.043 137.474C118.917 137.181 118.734 136.916 118.505 136.695C116.705 134.895 114.264 133.884 111.718 133.884C109.172 133.884 106.731 134.895 104.931 136.695L97.7308 143.895C96.8139 144.78 96.0826 145.84 95.5794 147.011C95.0763 148.182 94.8115 149.442 94.8004 150.717C94.7893 151.991 95.0322 153.255 95.5149 154.435C95.9976 155.615 96.7105 156.687 97.6118 157.588C98.5132 158.49 99.5851 159.202 100.765 159.685C101.945 160.168 103.209 160.411 104.483 160.4C105.758 160.389 107.018 160.124 108.189 159.621C109.36 159.117 110.42 158.386 111.305 157.469L114.905 153.869C115.134 153.648 115.317 153.383 115.443 153.09C115.569 152.797 115.635 152.482 115.638 152.164C115.641 151.845 115.58 151.529 115.459 151.234C115.339 150.939 115.16 150.671 114.935 150.446C114.71 150.221 114.442 150.042 114.147 149.922C113.852 149.801 113.536 149.74 113.217 149.743C112.898 149.746 112.583 149.812 112.291 149.938C111.998 150.064 111.733 150.246 111.512 150.476L107.912 154.076C107.469 154.534 106.939 154.9 106.354 155.151C105.768 155.403 105.138 155.535 104.501 155.541C103.863 155.546 103.231 155.425 102.641 155.184C102.052 154.942 101.516 154.586 101.065 154.135C100.614 153.684 100.258 153.149 100.016 152.559C99.7751 151.969 99.6537 151.337 99.6592 150.699C99.6648 150.062 99.7972 149.432 100.049 148.846C100.3 148.261 100.666 147.731 101.124 147.288L108.324 140.088Z"
        fill={palette[3]}
      />
      <rect
        x={145.2}
        y={128.2}
        width={159}
        height={26}
        rx={7}
        fill={palette[2]}
      />
      <path
        d="M259.996 160.937C259.073 160.654 258.241 160.842 257.594 161.078C257.039 160.417 256.115 159.804 254.914 159.804C253.99 159.804 253.204 160.087 252.604 160.37C251.911 159.473 250.802 158.623 249.139 158.623C248.215 158.623 247.475 158.906 246.829 159.237V152.721C246.829 150.833 245.581 148 242.209 148C238.836 148 237.589 150.833 237.589 152.721V165.941L237.311 165.658C237.126 165.422 235.278 163.25 232.922 163.345C230.704 163.392 229.318 164.336 228.44 166.414C227.377 168.964 228.533 170.002 228.856 170.238C229.734 170.852 230.611 171.655 230.704 171.986C230.842 172.41 231.627 174.724 233.153 176.99C233.753 177.888 234.539 178.548 235.093 179.068C235.278 179.256 235.463 179.398 235.602 179.54C235.74 179.681 235.971 179.918 236.202 180.154C236.711 180.626 237.311 181.24 237.866 181.854C238.328 182.42 239.39 184.733 239.991 186.245C240.176 186.669 240.592 187 241.054 187H257.225C257.64 187 257.964 186.811 258.195 186.433C258.379 186.103 263 178.69 263 174.016V165.517C262.999 163.061 261.937 161.55 259.996 160.937L259.996 160.937ZM260.689 173.968C260.689 177.037 257.963 182.23 256.577 184.592H241.792C241.284 183.364 240.268 181.098 239.574 180.295C238.974 179.587 238.327 178.973 237.773 178.407C237.542 178.171 237.357 178.029 237.218 177.84C237.034 177.651 236.848 177.462 236.571 177.273C236.063 176.849 235.462 176.282 235.047 175.668C233.984 174.11 233.198 172.315 232.875 171.229C232.505 170.096 230.934 168.869 230.287 168.349C230.287 168.208 230.334 167.877 230.565 167.311C231.073 166.083 231.674 165.706 233.014 165.658H233.06C234.123 165.658 235.232 166.697 235.601 167.169L237.911 169.765C238.234 170.143 238.743 170.237 239.204 170.096C239.666 169.907 239.944 169.482 239.944 169.01L239.944 152.722C239.944 152.344 240.037 150.361 242.254 150.361C244.38 150.361 244.564 152.155 244.564 152.722V165.706C244.564 166.367 245.072 166.886 245.72 166.886C246.367 166.886 246.875 166.367 246.875 165.706V162.307C247.198 161.882 248.03 160.985 249.185 160.985C250.294 160.985 250.848 161.835 251.033 162.165V165.706C251.033 166.368 251.541 166.887 252.188 166.887C252.835 166.887 253.344 166.368 253.344 165.706V162.732C253.667 162.496 254.267 162.165 254.961 162.165C255.608 162.165 255.977 162.637 256.116 162.921V165.706C256.116 166.368 256.624 166.887 257.271 166.887C257.918 166.887 258.427 166.368 258.427 165.706V163.298C258.704 163.157 259.027 163.062 259.35 163.157C259.998 163.393 260.737 163.724 260.737 165.47V173.969L260.689 173.968Z"
        fill="black"
      />
      <path
        d="M242.012 148.003C242.007 148.004 242.002 148.004 241.997 148.004L242.005 148L242.012 148.003Z"
        fill={palette[0]}
      />
      <path
        d="M256.582 184.592C257.968 182.23 260.694 177.037 260.694 173.968L260.742 173.969V165.47C260.742 163.724 260.003 163.393 259.355 163.157C259.032 163.062 258.709 163.157 258.432 163.298V165.706C258.432 166.368 257.923 166.887 257.276 166.887C256.629 166.887 256.121 166.368 256.121 165.706V162.921C255.982 162.637 255.613 162.165 254.966 162.165C254.272 162.165 253.672 162.496 253.349 162.732V165.706C253.349 166.368 252.84 166.887 252.193 166.887C251.546 166.887 251.038 166.368 251.038 165.706V162.165C250.853 161.835 250.299 160.985 249.19 160.985C248.035 160.985 247.203 161.882 246.88 162.307V165.706C246.88 166.367 246.372 166.886 245.725 166.886C245.077 166.886 244.569 166.367 244.569 165.706V152.722C244.569 152.155 244.385 150.361 242.259 150.361C240.042 150.361 239.949 152.344 239.949 152.722L239.949 169.01C239.949 169.482 239.671 169.907 239.209 170.096C238.748 170.237 238.239 170.143 237.916 169.765L235.606 167.169C235.237 166.697 234.128 165.658 233.065 165.658H233.019C231.679 165.706 231.078 166.083 230.57 167.311C230.339 167.877 230.292 168.208 230.292 168.349C230.316 168.368 230.341 168.388 230.367 168.409C231.052 168.958 232.523 170.138 232.88 171.229C233.203 172.315 233.989 174.11 235.052 175.668C235.467 176.282 236.068 176.849 236.576 177.273C236.853 177.462 237.039 177.651 237.223 177.84C237.312 177.961 237.42 178.063 237.547 178.182C237.618 178.249 237.695 178.322 237.778 178.407C237.913 178.544 238.053 178.685 238.197 178.83C238.644 179.278 239.125 179.76 239.579 180.295C240.273 181.098 241.289 183.364 241.797 184.592H256.582Z"
        fill={palette[0]}
      />
    </svg>
  )
})
