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

export const FormatByteAnatomy = 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="M151.714 157.507V154.019L161.989 137.785H164.898V142.751H163.125L156.208 153.711V153.901H170.55V157.507H151.714ZM163.266 162V156.443L163.314 154.882V137.785H167.452V162H163.266ZM177.18 162.26C176.463 162.26 175.848 162.008 175.336 161.503C174.823 160.999 174.571 160.384 174.579 159.659C174.571 158.949 174.823 158.342 175.336 157.838C175.848 157.333 176.463 157.081 177.18 157.081C177.874 157.081 178.477 157.333 178.989 157.838C179.51 158.342 179.774 158.949 179.782 159.659C179.774 160.14 179.647 160.577 179.403 160.971C179.167 161.365 178.851 161.681 178.457 161.917C178.071 162.146 177.645 162.26 177.18 162.26ZM193.057 162.331C191.48 162.331 190.069 162.035 188.824 161.444C187.578 160.845 186.589 160.025 185.856 158.985C185.131 157.944 184.745 156.754 184.697 155.414H188.954C189.033 156.407 189.462 157.219 190.243 157.85C191.023 158.473 191.961 158.784 193.057 158.784C193.916 158.784 194.681 158.587 195.351 158.193C196.021 157.799 196.549 157.251 196.935 156.549C197.321 155.848 197.51 155.048 197.503 154.149C197.51 153.235 197.317 152.423 196.923 151.713C196.529 151.004 195.989 150.448 195.303 150.046C194.618 149.636 193.829 149.431 192.939 149.431C192.213 149.423 191.5 149.557 190.798 149.833C190.097 150.109 189.541 150.472 189.131 150.921L185.17 150.271L186.435 137.785H200.482V141.45H190.065L189.368 147.87H189.51C189.959 147.342 190.593 146.905 191.413 146.558C192.233 146.203 193.132 146.026 194.109 146.026C195.575 146.026 196.884 146.373 198.035 147.066C199.186 147.752 200.092 148.698 200.754 149.904C201.416 151.11 201.747 152.49 201.747 154.043C201.747 155.643 201.377 157.069 200.636 158.323C199.903 159.568 198.882 160.55 197.574 161.267C196.273 161.976 194.767 162.331 193.057 162.331ZM206.657 162V137.785H211.044V148.911H211.34L220.787 137.785H226.143L216.779 148.651L226.226 162H220.952L213.728 151.619L211.044 154.787V162H206.657ZM229.191 162V137.785H238.461C240.211 137.785 241.665 138.06 242.824 138.612C243.99 139.156 244.861 139.901 245.437 140.847C246.02 141.793 246.312 142.865 246.312 144.063C246.312 145.048 246.123 145.892 245.744 146.593C245.366 147.287 244.857 147.851 244.219 148.284C243.58 148.718 242.867 149.029 242.079 149.218V149.455C242.938 149.502 243.762 149.766 244.55 150.247C245.346 150.72 245.996 151.39 246.501 152.257C247.005 153.124 247.258 154.173 247.258 155.402C247.258 156.656 246.954 157.783 246.347 158.784C245.74 159.777 244.826 160.561 243.604 161.137C242.382 161.712 240.845 162 238.993 162H229.191ZM233.577 158.335H238.295C239.887 158.335 241.034 158.031 241.736 157.424C242.445 156.809 242.8 156.021 242.8 155.059C242.8 154.342 242.623 153.696 242.268 153.12C241.913 152.537 241.409 152.08 240.755 151.749C240.1 151.41 239.32 151.24 238.413 151.24H233.577V158.335ZM233.577 148.083H237.917C238.674 148.083 239.355 147.945 239.962 147.669C240.569 147.386 241.046 146.988 241.393 146.475C241.748 145.955 241.925 145.34 241.925 144.631C241.925 143.693 241.594 142.92 240.932 142.313C240.278 141.706 239.304 141.403 238.011 141.403H233.577V148.083Z"
        fill={palette[3]}
      />
    </svg>
  )
})
