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

// figma node: 9472:3052 Component 7 (10 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "variant=" + __venc(p.variant) + '|' + "hover=" + __venc(p.hover);

export function Component7(_p = {}) {
  const props = { ..._p, text: _p.text ?? "Contacter notre équipe", variant: _p.variant ?? "1", hover: _p.hover ?? true };
  const __body0 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      opacity: 0.8,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"28"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"28"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 120,
      minWidth: 64,
      opacity: 0.8,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "6px 8px 6px 8px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"66"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 120,
      minWidth: 64,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "6px 8px 6px 8px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"66"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      opacity: 0.8,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"93"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"93"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      opacity: 0.8,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"148"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body7 = () => (
    <div className={props.className} style={{
      width: "fit-content",
      minWidth: 64,
      maxWidth: 320,
      maxHeight: null,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "16px 32px 16px 32px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"148"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body8 = () => (
    <div className={props.className} style={{
      width: 120,
      minWidth: 64,
      opacity: 0.8,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "6px 8px 6px 8px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"186"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __body9 = () => (
    <div className={props.className} style={{
      width: 120,
      minWidth: 64,
      borderRadius: 100,
      backgroundColor: "rgb(255,109,36)",
      display: "flex",
      flexDirection: "row",
      gap: 8,
      padding: "6px 8px 6px 8px",
      justifyContent: "center",
      alignItems: "center",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
          position: "relative",
          width: 20,
          height: 20,
          flexShrink: 0,
        }}>{props.icon1 ?? <Component1 variant={"186"} />}</div>
      <span style={{
        position: "relative",
        fontFamily: "Poppins, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 600,
        fontSize: 16,
        textAlign: "center",
        whiteSpace: "nowrap",
        lineHeight: "24px",
        color: "rgb(255,255,255)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text}</span>
    </div>
  );
  const __impls = {
    // figma: variant=1,:hover=true
    "variant=1|hover=true": __body0,
    // figma: variant=1,:hover=false
    "variant=1|hover=false": __body1,
    // figma: variant=2,:hover=true
    "variant=2|hover=true": __body2,
    // figma: variant=2,:hover=false
    "variant=2|hover=false": __body3,
    // figma: variant=3,:hover=true
    "variant=3|hover=true": __body4,
    // figma: variant=3,:hover=false
    "variant=3|hover=false": __body5,
    // figma: variant=4,:hover=true
    "variant=4|hover=true": __body6,
    // figma: variant=4,:hover=false
    "variant=4|hover=false": __body7,
    // figma: variant=5,:hover=true
    "variant=5|hover=true": __body8,
    // figma: variant=5,:hover=false
    "variant=5|hover=false": __body9,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default Component7;
