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

// figma node: 8728:11182 logo full (7 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "type=" + __venc(p.type);

export function LogoFull(_p = {}) {
  const props = { ..._p, type: _p.type ?? "full-01" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--color-brand-colors-lime)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--anchor-deep-forest)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--green-emerald)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--green-active)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--tint-mint-whisper)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "var(--grey-900)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: 24264,
      height: 4755.903,
      position: "relative",
      color: "rgb(250,250,247)",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 3588,
        top: 882,
        width: 20989,
        height: 4230.022,
        border: "1px dashed currentColor",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        overflow: "hidden",
        fontSize: 10,
        opacity: 0.45,
      }}>logo V01</div>
      <LogoIconsB
        style={{
          position: "absolute",
          left: 231,
          top: 223,
          width: 3190,
          height: 3650,
        }}
        type={"icon"}
        color={"lime"}
      />
    </div>
  );
  const __impls = {
    // figma: type=full-01
    "type=full-01": __body0,
    // figma: type=full-02
    "type=full-02": __body1,
    // figma: type=full-03
    "type=full-03": __body2,
    // figma: type=full-04
    "type=full-04": __body3,
    // figma: type=full-05
    "type=full-05": __body4,
    // figma: type=full-06
    "type=full-06": __body5,
    // figma: type=full-07
    "type=full-07": __body6,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default LogoFull;
