import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./Select.js";
import { jsx, jsxs } from "react/jsx-runtime";
//#region src/FontPicker.tsx
function FontPicker({ value, onChange, fonts, "aria-label": ariaLabel }) {
	return /* @__PURE__ */ jsxs(Select, {
		value,
		onValueChange: onChange,
		children: [/* @__PURE__ */ jsx(SelectTrigger, {
			"aria-label": ariaLabel ?? "Font",
			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select font" })
		}), /* @__PURE__ */ jsx(SelectContent, { children: fonts.map((font) => /* @__PURE__ */ jsx(SelectItem, {
			value: font.stack,
			style: { fontFamily: font.stack },
			children: font.label
		}, font.id)) })]
	});
}
//#endregion
export { FontPicker };
