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

export function Custom(_p = {}) {
  const props = { ..._p, property1: _p.property1 ?? "base" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      borderRadius: 32,
      backgroundColor: "rgba(56,29,15,0.04)",
      backdropFilter: "blur(40px)",
      boxShadow: "inset 0 0 0 1px rgba(56,29,15,0), inset 0px 1px 0px 0px rgba(246,243,240,0.16), inset 0px -1px 0px 0px rgba(246,243,240,0.08)",
      display: "flex",
      flexDirection: "row",
      gap: "calc(var(--spacing-8-2) * 1px)",
      padding: "8px 16px 8px 8px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--spacing-8-2) * 1px)",
      paddingTop: "calc(var(--spacing-8-2) * 1px)",
      paddingRight: "calc(var(--spacing-16-2) * 1px)",
      paddingBottom: "calc(var(--spacing-8-2) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <div className="fig-asset-bc5c9dc46102d1db-1678accc" style={{
        position: "relative",
        width: 32,
        borderRadius: 32,
        boxShadow: "inset 0 0 0 1px rgba(56,29,15,0.16)",
        paddingLeft: "calc(var(--spacing-8-10) * 1px)",
        paddingTop: "calc(var(--spacing-8-10) * 1px)",
        paddingRight: "calc(var(--spacing-8-10) * 1px)",
        paddingBottom: "calc(var(--spacing-8-10) * 1px)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <div style={{
          position: "absolute",
          left: 0,
          top: 0,
          transform: "matrix(-1,0,0,-1,32,24)",
          transformOrigin: "0 0",
          width: 8,
          height: 8,
          borderRadius: 2,
          backgroundColor: "var(--ui-success)",
        }} />
      </div>
      <span style={{
        position: "relative",
        fontFamily: "Parkinsans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 14,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "20px",
        color: "var(--button-secondary-default-text-2)",
        flexShrink: 0,
      }}>{props.text1 ?? "Book a call"}</span>
    </div>
  );
  const __impls = {
    // figma: Property 1=Base
    "property1=base": __body0,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default Custom;
