@primer/react-brand/esm/forms/Select/Select.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../../node_modules/clsx/dist/clsx.js";
import t from "./Select.module.js";
import { forwardRef as n } from "react";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
var a = n(({ children: n, className: a, disabled: o, fullWidth: s = !1, placeholder: c, size: l = "medium", validationStatus: u, ...d }, f) => /* @__PURE__ */ r("span", {
	className: e(t["Select-wrapper"], t[`Select-wrapper--${l}`], s && t["Select-wrapper--fullWidth"], u && t[`Select--${u}`], o && t["Select-wrapper--disabled"]),
	children: /* @__PURE__ */ i("select", {
		"aria-invalid": u === "error",
		className: e(t.Select, t[`Select--${l}`], "Select", s && t["Select--fullWidth"], a),
		disabled: o,
		ref: f,
		...d,
		children: [c && /* @__PURE__ */ r("option", {
			value: "",
			disabled: o,
			children: c
		}), n]
	})
})), o = Object.assign(a, {
	Option: ({ children: e, value: t, ...n }) => /* @__PURE__ */ r("option", {
		value: t,
		...n,
		children: e
	}),
	OptGroup: ({ children: e, label: t, ...n }) => /* @__PURE__ */ r("optgroup", {
		label: t,
		...n,
		children: e
	})
});
//#endregion
export { o as Select };

//# sourceMappingURL=Select.js.map