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

export const EditableAnatomy = 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}
    >
      <rect x={53} y={110} width={294} height={45} rx={6} fill={palette[3]} />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M71 132.5C71 130.015 73.0147 128 75.5 128H196.5C198.985 128 201 130.015 201 132.5C201 134.985 198.985 137 196.5 137H75.5C73.0147 137 71 134.985 71 132.5Z"
        fill={palette[2]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M209 143C208.448 143 208 142.552 208 142L208 123C208 122.448 208.448 122 209 122C209.552 122 210 122.448 210 123L210 142C210 142.552 209.552 143 209 143Z"
        fill={palette[undefined]}
      />
      <rect x={249} y={163} width={45} height={45} rx={5} fill={palette[2]} />
      <path
        d="M269.125 188.942L279.416 179L281 180.529L269.125 192L262 185.118L263.583 183.589L269.125 188.942Z"
        fill={palette[15]}
      />
      <rect x={302} y={163} width={45} height={45} rx={5} fill={palette[2]} />
      <path
        d="M317.256 191.006C317.092 191.17 317 191.393 317 191.625C317 191.857 317.092 192.079 317.256 192.243C317.421 192.407 317.643 192.5 317.875 192.5C318.107 192.5 318.33 192.407 318.494 192.243L323.897 186.841C323.91 186.827 323.926 186.817 323.944 186.809C323.962 186.802 323.981 186.798 324 186.798C324.019 186.798 324.038 186.802 324.056 186.809C324.074 186.817 324.09 186.827 324.103 186.841L329.506 192.244C329.587 192.326 329.684 192.39 329.79 192.434C329.896 192.478 330.01 192.501 330.125 192.501C330.24 192.501 330.354 192.478 330.46 192.434C330.566 192.39 330.662 192.326 330.744 192.245C330.825 192.163 330.889 192.067 330.933 191.961C330.977 191.855 331 191.741 331 191.626C331 191.511 330.978 191.397 330.934 191.291C330.89 191.185 330.825 191.088 330.744 191.007L325.342 185.602C325.328 185.589 325.317 185.573 325.31 185.555C325.303 185.537 325.299 185.518 325.299 185.499C325.299 185.48 325.303 185.461 325.31 185.443C325.317 185.426 325.328 185.41 325.342 185.396L330.745 179.993C330.909 179.829 331.001 179.606 331.001 179.374C331.001 179.142 330.909 178.919 330.744 178.755C330.58 178.591 330.357 178.499 330.125 178.499C329.893 178.499 329.67 178.592 329.506 178.756L324.103 184.158C324.09 184.171 324.074 184.182 324.056 184.189C324.038 184.197 324.019 184.2 324 184.2C323.981 184.2 323.962 184.197 323.944 184.189C323.926 184.182 323.91 184.171 323.897 184.158L318.494 178.756C318.413 178.675 318.316 178.61 318.21 178.566C318.104 178.522 317.99 178.499 317.875 178.499C317.643 178.499 317.421 178.592 317.256 178.756C317.092 178.92 317 179.142 317 179.374C317 179.606 317.092 179.829 317.256 179.993L322.658 185.396C322.672 185.41 322.683 185.426 322.69 185.443C322.697 185.461 322.701 185.48 322.701 185.499C322.701 185.518 322.697 185.537 322.69 185.555C322.683 185.573 322.672 185.589 322.658 185.602L317.256 191.006Z"
        fill={palette[15]}
      />
    </svg>
  )
})
