import React from "react";
import { Svg } from "../../Svg";

function EmptyIllustrationClock({
  backgroundColor = "#33c69f",
  backgroundOpacity = 0.15,
  ...props
}: {
  backgroundColor?: string;
  backgroundOpacity?: number;
} & React.ComponentProps<typeof Svg>) {
  return (
    <Svg
      width="104"
      height="104"
      viewBox="0 0 104 104"
      strokeWidth="3.16667"
      stroke="#204156"
      fill="none"
      data-component="empty-illustration-clock"
      {...props}
    >
      <circle
        stroke="none"
        fill={backgroundColor}
        fillOpacity={backgroundOpacity}
        cx="52"
        cy="52"
        r="52"
      />
      <rect
        stroke="none"
        fill="#fff"
        width="76"
        height="76"
        rx="38"
        x="14"
        y="14"
      />
      <circle strokeWidth="2" stroke="#47687d" cx="52" cy="52" r="37" />
      <circle stroke="#7de6ca" cx="52" cy="52" r="34.4167" />
      <circle
        strokeWidth="3"
        stroke="#47687d"
        cx="52"
        cy="52"
        r="31.5"
        strokeDasharray="3.17 3.17"
      />
      <circle fill="#c4c4c4" cx="52" cy="51.9999" r="1.58333" />
      <path d="M52.0001 52 66.597 35.1775" />
      <path d="M52 52 78.9884 67.2755" />
    </Svg>
  );
}

export { EmptyIllustrationClock };