// figma node: 9341:3776 Input (8 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "state=" + __venc(p.state) + '|' + "size=" + __venc(p.size);

export function Input(_p = {}) {
  const props = { ..._p, state: _p.state ?? "default", size: _p.size ?? "md" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 48,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 1.500px var(--greyscale-300)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 16px 12px 16px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 15,
          lineHeight: "100%",
          color: "var(--greyscale-500)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 56,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 1.500px var(--greyscale-300)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "16px 20px 16px 20px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 16,
          lineHeight: "100%",
          color: "var(--greyscale-500)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __body2 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 48,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 2px var(--brand-dark-green)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 16px 12px 16px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 15,
          lineHeight: "100%",
          color: "var(--brand-dark-green)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Saisie en cours"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __body3 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 56,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 2px var(--brand-dark-green)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "16px 20px 16px 20px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 16,
          lineHeight: "100%",
          color: "var(--brand-dark-green)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Saisie en cours"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __body4 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 48,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 1.500px var(--expressive-coquelicot-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 16px 12px 16px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 15,
          lineHeight: "100%",
          color: "var(--greyscale-500)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--expressive-coquelicot-dark)",
        flexShrink: 0,
      }}>{props.text3 ?? "Message d'erreur"}</span>
    </div>
  );
  const __body5 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 56,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "rgb(255,255,255)",
        boxShadow: "inset 0 0 0 1.500px var(--expressive-coquelicot-dark)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "16px 20px 16px 20px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 16,
          lineHeight: "100%",
          color: "var(--greyscale-500)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--expressive-coquelicot-dark)",
        flexShrink: 0,
      }}>{props.text3 ?? "Message d'erreur"}</span>
    </div>
  );
  const __body6 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 48,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "var(--greyscale-100)",
        boxShadow: "inset 0 0 0 1.500px var(--greyscale-200)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "12px 16px 12px 16px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 15,
          lineHeight: "100%",
          color: "var(--greyscale-400)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __body7 = () => (
    <div className={props.className} style={{
      width: 320,
      display: "flex",
      flexDirection: "column",
      gap: 8,
      alignItems: "flex-start",
      flexWrap: "nowrap",
      position: "relative",
      ...props.style,
    }}>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 500,
        fontSize: 13,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--brand-dark-green)",
        flexShrink: 0,
      }}>{props.text1 ?? "Label"}</span>
      <div style={{
        position: "relative",
        height: 56,
        overflow: "hidden",
        borderRadius: 8,
        backgroundColor: "var(--greyscale-100)",
        boxShadow: "inset 0 0 0 1.500px var(--greyscale-200)",
        display: "flex",
        flexDirection: "row",
        gap: 8,
        padding: "16px 20px 16px 20px",
        justifyContent: "center",
        alignItems: "center",
        flexWrap: "nowrap",
        boxSizing: "border-box",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <span style={{
          position: "relative",
          fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
          fontWeight: 400,
          fontSize: 16,
          lineHeight: "100%",
          color: "var(--greyscale-400)",
          flexGrow: 1,
          whiteSpace: "nowrap",
        }}>{props.text2 ?? "Placeholder"}</span>
      </div>
      <span style={{
        position: "relative",
        fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
        fontWeight: 400,
        fontSize: 12,
        whiteSpace: "nowrap",
        lineHeight: "100%",
        color: "var(--greyscale-500)",
        flexShrink: 0,
      }}>{props.text3 ?? "Texte d'aide"}</span>
    </div>
  );
  const __impls = {
    // figma: State=Default, Size=md
    "state=default|size=md": __body0,
    // figma: State=Default, Size=lg
    "state=default|size=lg": __body1,
    // figma: State=Focus, Size=md
    "state=focus|size=md": __body2,
    // figma: State=Focus, Size=lg
    "state=focus|size=lg": __body3,
    // figma: State=Error, Size=md
    "state=error|size=md": __body4,
    // figma: State=Error, Size=lg
    "state=error|size=lg": __body5,
    // figma: State=Disabled, Size=md
    "state=disabled|size=md": __body6,
    // figma: State=Disabled, Size=lg
    "state=disabled|size=lg": __body7,
  };
  return (__impls[__vkey(props)] ?? __body0)();
}
export default Input;
