import { Input, Label, XStack } from "tamagui";
import { jsx, jsxs } from "react/jsx-runtime";
function TextInput({
  label,
  id,
  ...props
}) {
  return /* @__PURE__ */jsxs(XStack, {
    children: [label && /* @__PURE__ */jsx(Label, {
      w: "100%",
      htmlFor: id,
      children: label
    }), /* @__PURE__ */jsx(Input, {
      w: "100%",
      fg: 1,
      id,
      ...props,
      focusStyle: {
        borderWidth: 1,
        borderColor: "$outline"
      }
    })]
  });
}
export { TextInput };
//# sourceMappingURL=TextInput.mjs.map
