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

export const PasswordInputAnatomy = 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="M62 134C62 130.686 64.6863 128 68 128H332C335.314 128 338 130.686 338 134V167C338 170.314 335.314 173 332 173H68C64.6863 173 62 170.314 62 167V134Z"
        fill={palette[3]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M323.839 150.615C323.68 150.895 319.884 157.5 314 157.5C308.086 157.5 304.317 150.891 304.16 150.611C303.947 150.233 303.946 149.771 304.157 149.392C304.314 149.111 308.056 142.5 314 142.5C319.914 142.5 323.682 149.109 323.84 149.39C324.054 149.77 324.052 150.235 323.839 150.615ZM321.272 150C320.295 148.544 317.549 145 314 145C310.432 145 307.697 148.544 306.726 149.999C307.702 151.452 310.449 155 314 155C317.546 155 320.292 151.458 321.272 150ZM316.5 150C316.5 151.381 315.381 152.5 314 152.5C312.619 152.5 311.5 151.381 311.5 150C311.5 148.619 312.619 147.5 314 147.5C315.381 147.5 316.5 148.619 316.5 150Z"
        fill={palette[15]}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M119 161C118.448 161 118 160.552 118 160L118 141C118 140.448 118.448 140 119 140C119.552 140 120 140.448 120 141L120 160C120 160.552 119.552 161 119 161Z"
        fill={palette[15]}
      />
      <path
        d="M78.3182 154.636L78.4318 151.511L75.7898 153.188L75.108 151.994L77.892 150.545L75.108 149.097L75.7898 147.903L78.4318 149.58L78.3182 146.455H79.6818L79.5682 149.58L82.2102 147.903L82.892 149.097L80.108 150.545L82.892 151.994L82.2102 153.188L79.5682 151.511L79.6818 154.636H78.3182ZM88.3182 154.636L88.4318 151.511L85.7898 153.188L85.108 151.994L87.892 150.545L85.108 149.097L85.7898 147.903L88.4318 149.58L88.3182 146.455H89.6818L89.5682 149.58L92.2102 147.903L92.892 149.097L90.108 150.545L92.892 151.994L92.2102 153.188L89.5682 151.511L89.6818 154.636H88.3182ZM98.3182 154.636L98.4318 151.511L95.7898 153.188L95.108 151.994L97.892 150.545L95.108 149.097L95.7898 147.903L98.4318 149.58L98.3182 146.455H99.6818L99.5682 149.58L102.21 147.903L102.892 149.097L100.108 150.545L102.892 151.994L102.21 153.188L99.5682 151.511L99.6818 154.636H98.3182ZM108.318 154.636L108.432 151.511L105.79 153.188L105.108 151.994L107.892 150.545L105.108 149.097L105.79 147.903L108.432 149.58L108.318 146.455H109.682L109.568 149.58L112.21 147.903L112.892 149.097L110.108 150.545L112.892 151.994L112.21 153.188L109.568 151.511L109.682 154.636H108.318Z"
        fill={palette[15]}
      />
    </svg>
  )
})
