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

// figma node: 5:58 Logo Icons Circle B (37 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "type=" + __venc(p.type) + '|' + "fG=" + __venc(p.fG) + '|' + "bG=" + __venc(p.bG);

export function LogoIconsCircleB(_p = {}) {
  const props = { ..._p, type: _p.type ?? "icon circle", fG: _p.fG ?? "01", bG: _p.bG ?? "01" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-green-950-base)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-green-700-base)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-green-500-base)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-lime-500-base)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-coquelicot-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-coquelicot-light)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-amethyste-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body7 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-amethyste-light)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body8 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-mango-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body9 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-mango-light)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body10 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-cacao-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body11 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-cacao-light)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body12 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-marine-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __body13 = () => (
    <div className={props.className} style={{
      width: 3500,
      height: 3500,
      overflow: "hidden",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 3500,
        height: 3500,
        borderRadius: 1750,
        backgroundColor: "var(--color-expressive-marine-light)",
        display: "flex",
        flexDirection: "row",
        gap: 7,
        padding: "472.500px 612.500px 472.500px 864.500px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
      }}>
        <div style={{
            position: "relative",
            width: 2049.894,
            height: 2345.49,
            flexShrink: 0,
          }}>
          <LogoIconsB
            style={{ transform: "scale(0.700, 0.700)", transformOrigin: "0 0" }}
            type={"icon"}
            color={"lime"}
          />
        </div>
      </div>
    </div>
  );
  const __impls = {
    // figma: Type=Icon Circle, FG=37, BG=37
    "type=icon circle|fG=37|bG=37": __body0,
    // figma: Type=Icon Circle, FG=36, BG=36
    "type=icon circle|fG=36|bG=36": __body0,
    // figma: Type=Icon Circle, FG=35, BG=35
    "type=icon circle|fG=35|bG=35": __body0,
    // figma: Type=Icon Circle, FG=34, BG=34
    "type=icon circle|fG=34|bG=34": __body0,
    // figma: Type=Icon Circle, FG=33, BG=33
    "type=icon circle|fG=33|bG=33": __body0,
    // figma: Type=Icon Circle, FG=32, BG=32
    "type=icon circle|fG=32|bG=32": __body1,
    // figma: Type=Icon Circle, FG=31, BG=31
    "type=icon circle|fG=31|bG=31": __body1,
    // figma: Type=Icon Circle, FG=30, BG=30
    "type=icon circle|fG=30|bG=30": __body1,
    // figma: Type=Icon Circle, FG=29, BG=29
    "type=icon circle|fG=29|bG=29": __body1,
    // figma: Type=Icon Circle, FG=28, BG=28
    "type=icon circle|fG=28|bG=28": __body2,
    // figma: Type=Icon Circle, FG=27, BG=27
    "type=icon circle|fG=27|bG=27": __body2,
    // figma: Type=Icon Circle, FG=26, BG=26
    "type=icon circle|fG=26|bG=26": __body3,
    // figma: Type=Icon Circle, FG=25, BG=25
    "type=icon circle|fG=25|bG=25": __body2,
    // figma: Type=Icon Circle, FG=24, BG=24
    "type=icon circle|fG=24|bG=24": __body2,
    // figma: Type=Icon Circle, FG=23, BG=23
    "type=icon circle|fG=23|bG=23": __body3,
    // figma: Type=Icon Circle, FG=22, BG=22
    "type=icon circle|fG=22|bG=22": __body3,
    // figma: Type=Icon Circle, FG=21, BG=21
    "type=icon circle|fG=21|bG=21": __body3,
    // figma: Type=Icon Circle, FG=20, BG=20
    "type=icon circle|fG=20|bG=20": __body4,
    // figma: Type=Icon Circle, FG=19, BG=19
    "type=icon circle|fG=19|bG=19": __body5,
    // figma: Type=Icon Circle, FG=18, BG=18
    "type=icon circle|fG=18|bG=18": __body6,
    // figma: Type=Icon Circle, FG=17, BG=17
    "type=icon circle|fG=17|bG=17": __body7,
    // figma: Type=Icon Circle, FG=16, BG=16
    "type=icon circle|fG=16|bG=16": __body7,
    // figma: Type=Icon Circle, FG=15, BG=15
    "type=icon circle|fG=15|bG=15": __body8,
    // figma: Type=Icon Circle, FG=14, BG=14
    "type=icon circle|fG=14|bG=14": __body9,
    // figma: Type=Icon Circle, FG=13, BG=13
    "type=icon circle|fG=13|bG=13": __body9,
    // figma: Type=Icon Circle, FG=12, BG=12
    "type=icon circle|fG=12|bG=12": __body8,
    // figma: Type=Icon Circle, FG=11, BG=11
    "type=icon circle|fG=11|bG=11": __body10,
    // figma: Type=Icon Circle, FG=10, BG=10
    "type=icon circle|fG=10|bG=10": __body11,
    // figma: Type=Icon Circle, FG=09, BG=09
    "type=icon circle|fG=09|bG=09": __body10,
    // figma: Type=Icon Circle, FG=08, BG=08
    "type=icon circle|fG=08|bG=08": __body11,
    // figma: Type=Icon Circle, FG=07, BG=07
    "type=icon circle|fG=07|bG=07": __body6,
    // figma: Type=Icon Circle, FG=06, BG=06
    "type=icon circle|fG=06|bG=06": __body5,
    // figma: Type=Icon Circle, FG=05, BG=05
    "type=icon circle|fG=05|bG=05": __body4,
    // figma: Type=Icon Circle, FG=04, BG=04
    "type=icon circle|fG=04|bG=04": __body12,
    // figma: Type=Icon Circle, FG=03, BG=03
    "type=icon circle|fG=03|bG=03": __body13,
    // figma: Type=Icon Circle, FG=02, BG=02
    "type=icon circle|fG=02|bG=02": __body12,
    // figma: Type=Icon Circle, FG=01, BG=01
    "type=icon circle|fG=01|bG=01": __body13,
  };
  return (__impls[__vkey(props)] ?? __body13)();
}
export default LogoIconsCircleB;
