import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Input, Label, XStack } from "tamagui";
function TextInput(param) {
  var {
    label,
    id,
    ...props
  } = param;
  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.native.js.map
