// figma node: 9592:4429 Card/Aides (2 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "tat=" + __venc(p.tat);

export function CardAides(_p = {}) {
  const props = { ..._p, tat: _p.tat ?? "a (primo)" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 520,
      borderRadius: 16,
      backgroundColor: "rgb(255,255,255)",
      boxShadow: "0px 4px 20px 0px rgba(44,52,119,0.08)",
      display: "flex",
      flexDirection: "column",
      gap: 10,
      padding: "28px 32px 28px 32px",
      justifyContent: "center",
      alignItems: "flex-start",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Parkinsans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 22,
        lineHeight: "100%",
        color: "rgb(85,89,117)",
        flexShrink: 0,
        alignSelf: "stretch",
        whiteSpace: "nowrap",
      }}>{props.text1 ?? "Bienvenue Thibault 👋"}</span>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 14,
        lineHeight: "100%",
        color: "rgb(136,136,136)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text2 ?? "Votre employeur et les subventions publiques vous offrent jusqu’à 1 200 € pour vous équiper. On vous explique comment en profiter, étape par étape."}</span>
      <div style={{
        position: "relative",
        overflow: "hidden",
        borderRadius: 100,
        background: "linear-gradient(90deg, rgb(44,52,119) 0.00%, rgb(34,40,90) 100.00%)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 20px 12px 20px",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 600,
          fontSize: 14,
          whiteSpace: "nowrap",
          lineHeight: "100%",
          color: "rgb(255,255,255)",
          flexShrink: 0,
        }}>{props.text3 ?? "Découvrir mes aides"}</span>
      </div>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 520,
      borderRadius: 16,
      backgroundColor: "rgb(255,255,255)",
      boxShadow: "0px 4px 20px 0px rgba(44,52,119,0.08)",
      display: "flex",
      flexDirection: "column",
      gap: 10,
      padding: "28px 32px 28px 32px",
      justifyContent: "center",
      alignItems: "flex-start",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "Parkinsans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 700,
        fontSize: 22,
        lineHeight: "100%",
        color: "rgb(85,89,117)",
        flexShrink: 0,
        alignSelf: "stretch",
        whiteSpace: "pre-wrap",
      }}>{"Mes aides restantes : "}<span style={{ fontWeight: 700, color: "rgb(75,212,153)" }}>{"1 200 €"}</span></span>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 14,
        lineHeight: "100%",
        color: "rgb(136,136,136)",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>{props.text1 ?? "Utilisables sur toute la marketplace, déduites automatiquement à l’achat."}</span>
      <div style={{
        position: "relative",
        overflow: "hidden",
        borderRadius: 100,
        background: "linear-gradient(90deg, rgb(44,52,119) 0.00%, rgb(34,40,90) 100.00%)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 20px 12px 20px",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 600,
          fontSize: 14,
          whiteSpace: "nowrap",
          lineHeight: "100%",
          color: "rgb(255,255,255)",
          flexShrink: 0,
        }}>{props.text2 ?? "Voir les offres LLD"}</span>
      </div>
    </div>
  );
  const __impls = {
    // figma: État=A (primo)
    "tat=a (primo)": __body0,
    // figma: État=B (récurrent)
    "tat=b (récurrent)": __body1,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default CardAides;
