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

// figma node: 8165:2230 Industry Leaders (2 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "icon=" + __venc(p.icon);

export function IndustryLeaders(_p = {}) {
  const props = { ..._p, icon: _p.icon ?? "no icon" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 24,
      boxShadow: "inset 0 0 0 1px rgba(18,18,18,0.32)",
      display: "flex",
      flexDirection: "row",
      gap: "calc(var(--spacing-8-6) * 1px)",
      padding: "8px 16px 8px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--spacing-16-6) * 1px)",
      paddingTop: "calc(var(--spacing-8-6) * 1px)",
      paddingRight: "calc(var(--spacing-16-6) * 1px)",
      paddingBottom: "calc(var(--spacing-8-6) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"LT Superior Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
        fontWeight: 600,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "16px",
        letterSpacing: "1px",
        color: "var(--neutral-dark-100-6)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Label"}</span>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 24,
      boxShadow: "inset 0 0 0 1px rgba(18,18,18,0.32)",
      display: "flex",
      flexDirection: "row",
      gap: "calc(var(--spacing-8-6) * 1px)",
      padding: "8px 16px 8px 16px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--spacing-16-6) * 1px)",
      paddingTop: "calc(var(--spacing-8-6) * 1px)",
      paddingRight: "calc(var(--spacing-16-6) * 1px)",
      paddingBottom: "calc(var(--spacing-8-6) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 16,
          flexShrink: 0,
          alignSelf: "stretch",
          height: "auto",
        }}>{props.icon1 ?? <Graphic2 icon={"clock"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "\"LT Superior Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
        fontWeight: 600,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "16px",
        letterSpacing: "1px",
        color: "var(--neutral-dark-100-6)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Label"}</span>
    </div>
  );
  const __impls = {
    // figma: Icon=No Icon
    "icon=no icon": __body0,
    // figma: Icon=Icon Right
    "icon=icon right": __body1,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default IndustryLeaders;
