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

function EmptyIllustrationAlert({
  backgroundColor = "#d93329",
  backgroundOpacity = 0.15,
  ...props
}: {
  backgroundColor?: string;
  backgroundOpacity?: number;
} & React.ComponentProps<typeof Svg>) {
  return (
    <Svg
      width="104"
      height="104"
      viewBox="0 0 104 104"
      fill="none"
      data-component="empty-illustration-alert"
      {...props}
    >
      <circle
        fill={backgroundColor}
        fillOpacity={backgroundOpacity}
        cx="52"
        cy="52"
        r="52"
      />
      <path
        strokeWidth="2"
        stroke="#47687d"
        fill="#fa7d76"
        d="M52.0068 22.5813c1.8455 0.013 3.7559 0.7943 4.9375 2.3896l0.2266 0.3301 2e-3 3e-3 25.0224 39.8046 49e-4 88e-4c1.1529 1.8766 0.9911 3.9863-0.0508 5.6006-1.0358 1.6047-2.9199 2.7002-5.1797 2.7002H27.0303c-2.2702 0-4.151-1.1287-5.1817-2.7402-1.0343-1.6172-1.2093-3.7314-0.042-5.5723L46.8271 25.304c1.1571-1.8752 3.2102-2.7365 5.1797-2.7227zM52.0518 58.3362c-2.2284 2e-4-3.7959 1.6252-3.7959 3.3916 1e-4 1.8481 1.5529 3.3904 3.7959 3.3906 2.1537 0 3.7957-1.5558 3.7959-3.3906 0-1.7529-1.6569-3.3916-3.7959-3.3916zM48.7158 41.3459c-0.1087 1e-4-0.1973 0.0446-0.2431 0.0889-82e-4 79e-4-0.0131 0.0148-0.0166 0.0195l39e-4 0.0264 29e-4 0.0498 0.7266 12.9141c0.0174 0.0777 0.0467 0.1075 0.0634 0.1211 0.0249 0.0201 0.0833 0.0526 0.1924 0.0527h5.1094c0.1091-1e-4 0.1675-0.0326 0.1924-0.0527 0.0167-0.0136 0.045-0.0436 0.0625-0.1211l0.7275-12.9141 29e-4-0.0498 3e-3-0.0264c-36e-4-47e-4-78e-4-0.0119-0.0157-0.0195-0.0458-0.0443-0.1344-0.0888-0.2431-0.0889z"
      />
    </Svg>
  );
}

export { EmptyIllustrationAlert };