import { FC } from "react";

import { Icon, IconProps } from "./Icon.js";

// Icons from: https://www.svgrepo.com/svg/373000/die-six

export const Die1Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M50,57.621c-4.21,0-7.621-3.411-7.621-7.62s3.412-7.621,7.621-7.621c4.208,0,7.621,3.412,7.621,7.621S54.209,57.621,50,57.621z"
    />
  </Icon>
);

export const Die2Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M32.99,40.07c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035
		C40.025,36.921,36.875,40.07,32.99,40.07z M67.009,73.978c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036
		c3.885,0,7.035,3.149,7.035,7.036C74.044,70.83,70.894,73.978,67.009,73.978z"
    />
  </Icon>
);

export const Die3Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M32.99,40.07c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.15-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035
		C40.025,36.921,36.875,40.07,32.99,40.07z M49.999,57.035c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036
		c3.885,0,7.035,3.149,7.035,7.036C57.034,53.886,53.885,57.035,49.999,57.035z M67.009,73.979c-3.885,0-7.034-3.148-7.034-7.033
		c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036C74.044,70.83,70.894,73.979,67.009,73.979z"
    />
  </Icon>
);

export const Die4Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M32.99,73.676c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035
		C40.025,70.527,36.875,73.676,32.99,73.676z M32.99,40.07c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035
		c3.885,0,7.035,3.15,7.035,7.035C40.025,36.921,36.875,40.07,32.99,40.07z M67.009,73.979c-3.885,0-7.034-3.148-7.034-7.033
		c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036C74.044,70.83,70.894,73.979,67.009,73.979z M67.009,40.07
		c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036
		C74.044,36.921,70.894,40.07,67.009,40.07z"
    />
  </Icon>
);

export const Die5Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M32.99,73.676c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.15-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035
		C40.025,70.527,36.875,73.676,32.99,73.676z M32.99,40.07c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.15-7.035,7.034-7.035
		c3.885,0,7.035,3.15,7.035,7.035C40.025,36.921,36.875,40.07,32.99,40.07z M50,57.035c-3.885,0-7.034-3.148-7.034-7.034
		c0-3.885,3.149-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035C57.034,53.886,53.885,57.035,50,57.035z M67.009,73.979
		c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036
		C74.044,70.83,70.894,73.979,67.009,73.979z M67.009,40.07c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036
		c3.885,0,7.035,3.149,7.035,7.036C74.044,36.921,70.894,40.07,67.009,40.07z"
    />
  </Icon>
);

export const Die6Icon: FC<IconProps> = (props) => (
  <Icon {...props} viewBox="15 20 70 60">
    <path
      d="M83.921,23.292c-0.092-3.956-3.264-7.145-7.213-7.264v-0.011H23.292v0.008c-3.974,0.092-7.174,3.293-7.267,7.267h-0.009
		v53.416h0.009c0.091,3.974,3.292,7.175,7.267,7.267v0.008h53.416v-0.009c3.975-0.092,7.176-3.292,7.267-7.267h0.009V23.292H83.921z
		 M32.99,73.676c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035
		C40.025,70.527,36.875,73.676,32.99,73.676z M32.99,57.035c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035
		c3.885,0,7.035,3.15,7.035,7.035C40.025,53.886,36.875,57.035,32.99,57.035z M32.99,40.07c-3.885,0-7.034-3.148-7.034-7.034
		c0-3.885,3.149-7.035,7.034-7.035c3.885,0,7.035,3.15,7.035,7.035C40.025,36.921,36.875,40.07,32.99,40.07z M67.009,73.979
		c-3.885,0-7.034-3.148-7.034-7.033c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036
		C74.044,70.83,70.894,73.979,67.009,73.979z M67.01,57.035c-3.885,0-7.034-3.148-7.034-7.034c0-3.885,3.149-7.035,7.034-7.035
		c3.885,0,7.035,3.15,7.035,7.035C74.044,53.886,70.895,57.035,67.01,57.035z M67.009,40.07c-3.885,0-7.034-3.148-7.034-7.033
		c0-3.887,3.149-7.036,7.034-7.036c3.885,0,7.035,3.149,7.035,7.036C74.044,36.921,70.894,40.07,67.009,40.07z"
    />
  </Icon>
);
