// figma node: 9141:1607 Push/Variant12
export function PushVariant12(_p = {}) {
  const props = _p;
  return (
    <div className={props.className} style={{
      width: 1376,
      height: 600,
      overflow: "hidden",
      borderRadius: 16,
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 96,
        width: 1376,
        height: 500,
      }}>
        <svg width={1376} height={500} viewBox="0 0 1376 500" fill="none" style={{
          position: "absolute",
          left: 0,
          top: 0,
          width: 1376,
          height: 500,
          overflow: "hidden",
          borderRadius: 16,
          color: "var(--brand-dark-green)",
        }}>
          <path d={"M 0 16 C 0 7.163 7.163 0 16 0 L 1360 0 C 1368.837 0 1376 7.163 1376 16 L 1376 484 C 1376 492.837 1368.837 500 1360 500 L 16 500 C 7.163 500 0 492.837 0 484 L 0 16 Z"} fill="currentColor" fillRule="nonzero" />
        </svg>
      </div>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 1376,
        display: "flex",
        flexDirection: "row",
        gap: 66,
        alignItems: "center",
        flexWrap: "nowrap",
      }}>
        <div className="fig-asset-a3d1d9e985e336c6-4ab3992b" style={{
          position: "relative",
          width: 650,
          height: 600,
          flexShrink: 0,
        }} />
        <div style={{
          position: "relative",
          height: 418,
          display: "flex",
          flexDirection: "column",
          gap: 40,
          padding: "50px 50px 50px 50px",
          alignItems: "flex-start",
          flexWrap: "nowrap",
          boxSizing: "border-box",
          flexShrink: 0,
        }}>
          <div style={{
            position: "relative",
            display: "flex",
            flexDirection: "column",
            gap: 20,
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
            alignSelf: "stretch",
          }}>
            <span style={{
              position: "relative",
              fontFamily: "Parkinsans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
              fontWeight: 600,
              fontSize: 56,
              lineHeight: 1,
              letterSpacing: "-0.025em",
              color: "var(--brand-lime)",
              flexShrink: 0,
              alignSelf: "stretch",
              whiteSpace: "pre-wrap",
            }}>{"La plus grande "}{"\n"}<span style={{ color: "rgb(230,255,85)" }}>{"marketplace"}</span>{" vélo "}{"\n"}{"dédiée aux salariés."}</span>
            <span style={{
              position: "relative",
              width: 531,
              fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
              fontWeight: 500,
              fontSize: 20,
              lineHeight: "30px",
              letterSpacing: "-0.020em",
              color: "var(--brand-ivory-50)",
              flexShrink: 0,
              whiteSpace: "pre-wrap",
            }}>{props.text1 ?? "BeeToGreen aide les entreprises à transformer la mobilité \ndes salariés grâce à une solution clé en main qui finance, structure et déploie le vélo en entreprise (rien que ça )."}</span>
          </div>
          <div style={{
            position: "relative",
            display: "flex",
            flexDirection: "row",
            gap: 14,
            alignItems: "center",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <div style={{
              position: "relative",
              width: 235,
              height: 50,
              borderRadius: 6,
              backgroundColor: "var(--brand-lime)",
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-8-2) * 1px)",
              padding: "12px 20px 12px 20px",
              justifyContent: "center",
              alignItems: "center",
              flexWrap: "nowrap",
              boxSizing: "border-box",
              paddingLeft: "calc(var(--spacing-20-2) * 1px)",
              paddingTop: "calc(var(--spacing-12-2) * 1px)",
              paddingRight: "calc(var(--spacing-20-2) * 1px)",
              paddingBottom: "calc(var(--spacing-12-2) * 1px)",
              flexShrink: 0,
            }}>
              <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(--brand-dark-green)",
                flexShrink: 0,
              }}>Découvrez Beetogreen</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
export default PushVariant12;
