@postenbring/hedwig-react
Version:
React components for [Hedwig Design System](https://github.com/bring/hedwig-design-system).
64 lines (62 loc) • 1.3 kB
JavaScript
import {
InputGroup
} from "./chunk-GIFDGUFW.mjs";
import {
__objRest,
__spreadValues
} from "./chunk-YOSPWY5K.mjs";
// src/form/input/input.tsx
import { forwardRef } from "react";
import { clsx } from "@postenbring/hedwig-css/typed-classname";
import { jsx } from "react/jsx-runtime";
var Input = forwardRef(
(_a, ref) => {
var _b = _a, {
className,
size,
validationMessage,
errorMessage,
labelProps,
label,
id,
style,
disabled,
readOnly,
"data-color": dataColor
} = _b, rest = __objRest(_b, [
"className",
"size",
"validationMessage",
"errorMessage",
"labelProps",
"label",
"id",
"style",
"disabled",
"readOnly",
"data-color"
]);
return /* @__PURE__ */ jsx(
InputGroup,
{
className: clsx("hds-input", className),
disabled,
validationMessage,
errorMessage,
id,
label,
labelProps,
readOnly,
style,
size,
"data-color": dataColor,
children: /* @__PURE__ */ jsx("input", __spreadValues({ disabled, readOnly, ref }, rest))
}
);
}
);
Input.displayName = "Input";
export {
Input
};
//# sourceMappingURL=chunk-J2DJ6ELO.mjs.map