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

export const DialogAnatomy = 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={56} width={294} height={187} rx={13} fill={palette[3]} />
      <rect x={76} y={79} width={176} height={20} rx={10} fill={palette[15]} />
      <rect x={76} y={121} width={249} height={12} rx={6} fill={palette[5]} />
      <rect x={76} y={147} width={165} height={12} rx={6} fill={palette[5]} />
      <rect x={252} y={189} width={72} height={33} rx={4} fill={palette[15]} />
      <path
        d="M315.293 86.2936C315.105 86.4812 315 86.7356 315 87.0008C315 87.266 315.105 87.5204 315.293 87.7079C315.481 87.8954 315.735 88.0007 316 88.0006C316.265 88.0006 316.52 87.8952 316.707 87.7076L322.882 81.5336C322.897 81.518 322.916 81.5057 322.936 81.4973C322.956 81.4889 322.978 81.4846 323 81.4846C323.022 81.4846 323.044 81.4889 323.064 81.4973C323.084 81.5057 323.102 81.518 323.118 81.5336L329.293 87.7089C329.385 87.8018 329.496 87.8755 329.617 87.9258C329.738 87.976 329.868 88.0019 330 88.002C330.131 88.002 330.261 87.9762 330.382 87.9259C330.504 87.8757 330.614 87.8021 330.707 87.7092C330.8 87.6164 330.874 87.5061 330.924 87.3848C330.974 87.2635 331 87.1335 331 87.0021C331 86.8708 330.974 86.7407 330.924 86.6194C330.874 86.498 330.8 86.3878 330.707 86.2949L324.533 80.1182C324.518 80.1027 324.505 80.0843 324.497 80.0641C324.489 80.0439 324.484 80.0221 324.484 80.0002C324.484 79.9783 324.489 79.9566 324.497 79.9363C324.505 79.9161 324.518 79.8977 324.533 79.8822L330.709 73.7076C330.896 73.5198 331.001 73.2652 331.001 72.9998C331.001 72.7345 330.895 72.4801 330.708 72.2926C330.52 72.105 330.265 71.9998 330 72C329.735 72.0002 329.48 72.1058 329.293 72.2936L323.118 78.4669C323.102 78.4824 323.084 78.4947 323.064 78.5031C323.044 78.5115 323.022 78.5159 323 78.5159C322.978 78.5159 322.956 78.5115 322.936 78.5031C322.916 78.4947 322.897 78.4824 322.882 78.4669L316.707 72.2936C316.614 72.2007 316.504 72.127 316.383 72.0767C316.262 72.0264 316.132 72.0005 316 72.0005C315.735 72.0004 315.481 72.1057 315.293 72.2932C315.105 72.4807 315 72.7351 315 73.0003C315 73.2656 315.105 73.52 315.293 73.7076L321.467 79.8822C321.482 79.8977 321.494 79.9161 321.503 79.9363C321.511 79.9566 321.516 79.9783 321.516 80.0002C321.516 80.0221 321.511 80.0439 321.503 80.0641C321.494 80.0843 321.482 80.1027 321.467 80.1182L315.293 86.2936Z"
        fill={palette[15]}
      />
    </svg>
  )
})
