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

export const ForAnatomy = 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="M200 164.304C207.9 164.304 214.304 157.9 214.304 150C214.304 142.1 207.9 135.695 200 135.695C192.1 135.695 185.696 142.1 185.696 150C185.696 157.9 192.1 164.304 200 164.304Z"
        fill={palette[2]}
      />
      <path
        d="M161.174 150C161.168 143.05 163.029 136.226 166.563 130.242C170.096 124.258 175.173 119.332 181.262 115.981C187.35 112.631 194.227 110.977 201.174 111.194C208.12 111.41 214.881 113.489 220.749 117.213L214.56 122.462C214.276 122.702 214.064 123.014 213.945 123.365C213.825 123.717 213.804 124.094 213.883 124.456C213.961 124.819 214.137 125.153 214.392 125.423C214.646 125.693 214.969 125.889 215.326 125.989L237.532 132.177C237.71 132.227 237.895 132.253 238.08 132.253C238.37 132.253 238.656 132.191 238.921 132.071C239.185 131.952 239.421 131.778 239.612 131.561C239.804 131.343 239.947 131.087 240.033 130.81C240.118 130.533 240.143 130.241 240.107 129.954L237.273 107.339C237.227 106.973 237.083 106.626 236.857 106.336C236.63 106.045 236.329 105.821 235.986 105.687C235.642 105.554 235.269 105.515 234.906 105.577C234.542 105.638 234.202 105.796 233.921 106.035L227.243 111.701C220.213 106.7 211.941 103.731 203.335 103.119C194.729 102.506 186.121 104.275 178.453 108.23C170.785 112.186 164.354 118.175 159.864 125.543C155.375 132.911 153 141.372 153 150C153 151.084 153.431 152.124 154.197 152.89C154.963 153.656 156.003 154.087 157.087 154.087C158.171 154.087 159.21 153.656 159.977 152.89C160.743 152.124 161.174 151.084 161.174 150Z"
        fill={palette[3]}
      />
      <path
        d="M242.913 145.913C241.829 145.913 240.789 146.344 240.023 147.11C239.256 147.877 238.826 148.916 238.826 150C238.832 156.95 236.972 163.774 233.438 169.758C229.905 175.743 224.828 180.668 218.74 184.019C212.651 187.37 205.774 189.024 198.828 188.807C191.881 188.59 185.121 186.511 179.253 182.788L185.44 177.538C185.723 177.298 185.936 176.986 186.055 176.635C186.175 176.284 186.196 175.906 186.117 175.544C186.038 175.182 185.862 174.847 185.608 174.577C185.354 174.307 185.031 174.111 184.674 174.011L162.459 167.823C162.135 167.733 161.793 167.724 161.465 167.798C161.137 167.872 160.831 168.025 160.577 168.245C160.322 168.465 160.125 168.745 160.005 169.059C159.884 169.373 159.843 169.712 159.885 170.046L162.727 192.662C162.773 193.027 162.917 193.373 163.143 193.663C163.37 193.954 163.67 194.178 164.013 194.311C164.356 194.445 164.729 194.483 165.092 194.422C165.456 194.361 165.795 194.203 166.076 193.965L172.756 188.299C179.787 193.3 188.058 196.269 196.665 196.882C205.271 197.494 213.879 195.725 221.547 191.77C229.215 187.815 235.646 181.825 240.135 174.457C244.625 167.089 247 158.628 247 150C247 148.916 246.569 147.877 245.803 147.11C245.036 146.344 243.997 145.913 242.913 145.913Z"
        fill={palette[3]}
      />
    </svg>
  )
})
