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

// figma node: 8165:6015 Icon Box (1 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "property1=" + __venc(p.property1);

export function IconBox(_p = {}) {
  const props = { ..._p, property1: _p.property1 ?? "default" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 12,
      backgroundColor: "var(--background-depth)",
      backdropFilter: "blur(40px)",
      boxShadow: "inset 0px 1px 0px 0px rgba(247,247,242,0.16), inset 0px -1px 0px 0px rgba(247,247,242,0.08)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "12px 12px 12px 12px",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--spacing-12-7) * 1px)",
      paddingTop: "calc(var(--spacing-12-7) * 1px)",
      paddingRight: "calc(var(--spacing-12-7) * 1px)",
      paddingBottom: "calc(var(--spacing-12-7) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 24,
          flexShrink: 0,
          alignSelf: "stretch",
          height: "auto",
        }}>{props.icon1 ?? <Interface4 property1={"rocket"} />}</div>
    </div>
  );
  const __impls = {
    // figma: Property 1=Default
    "property1=default": __body0,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default IconBox;
