import { LogoIconsB2 } from './LogoIconsB2.jsx';

// figma node: 5:3736 Cercle-03 (10 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "type=" + __venc(p.type);

export function Cercle03(_p = {}) {
  const props = { ..._p, type: _p.type ?? "color-01" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "var(--anchor-deep-forest)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "var(--green-emerald)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "var(--signal-lime)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(134,7,28)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(229,62,30)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(211,191,243)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(239,154,199)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body7 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(3,57,104)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __body8 = () => (
    <div className={props.className} style={{
      width: 2937.6,
      height: 2937.6,
      borderRadius: 1468.7999267578125,
      backgroundColor: "rgb(87,33,4)",
      display: "flex",
      flexDirection: "row",
      gap: 72,
      padding: "496.800px 529.200px 504px 259.200px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 1746.658,
          height: 1998.527,
          transform: "matrix(-1,0,0,1,0,0)",
          flexShrink: 0,
        }}>
        <LogoIconsB2
          style={{ transform: "scale(0.548, 0.548)", transformOrigin: "0 0" }}
          type={"icon"}
          color={"lime"}
        />
      </div>
    </div>
  );
  const __impls = {
    // figma: type=color-10
    "type=color-10": __body0,
    // figma: type=color-09
    "type=color-09": __body1,
    // figma: type=color-08
    "type=color-08": __body2,
    // figma: type=color-07
    "type=color-07": __body1,
    // figma: type=color-06
    "type=color-06": __body3,
    // figma: type=color-05
    "type=color-05": __body4,
    // figma: type=color-04
    "type=color-04": __body5,
    // figma: type=color-03
    "type=color-03": __body6,
    // figma: type=color-02
    "type=color-02": __body7,
    // figma: type=color-01
    "type=color-01": __body8,
  };
  return (__impls[__vkey(props)] ?? __body8)();
}
export default Cercle03;
