import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import { Flex } from '../flex/flex.js';
import { Label } from '../label/label.js';
import styles from './inputfield.module.css.js';

/**
 * @deprecated Use InputField from '@raystack/apsara/v1' instead.
 */
const InputField = ({ label, children, ...props }) => {
    return (jsxRuntimeExports.jsxs(Flex, { direction: "column", gap: "extra-small", ...props, children: [label && jsxRuntimeExports.jsx(Label, { className: styles.bold, children: label }), children] }));
};
InputField.displayName = "InputField";

export { InputField };
//# sourceMappingURL=inputfield.js.map
