import { Input } from "./Input.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
function TextField({
  label,
  supportingText,
  value,
  trailingIcon,
  ...props
}) {
  return /* @__PURE__ */jsxs(Input, {
    ...props,
    children: [/* @__PURE__ */jsxs(Input.Container, {
      children: [/* @__PURE__ */jsx(Input.Label, {
        children: label
      }), /* @__PURE__ */jsx(Input.Text, {
        value
      }), trailingIcon && /* @__PURE__ */jsx(Input.TrailingIcon, {
        Icon: trailingIcon
      }), /* @__PURE__ */jsx(Input.Spinner, {})]
    }), supportingText && /* @__PURE__ */jsx(Input.SupportingText, {
      children: supportingText
    })]
  });
}
export { TextField };
//# sourceMappingURL=TextField.mjs.map
