import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function FormLabel({ htmlFor, required, children }) {
    return (_jsxs("label", { htmlFor: htmlFor, className: "block text-sm font-medium leading-6 text-gray-900 dark:text-gray-200", children: [children, required && _jsx("sup", { className: "text-red-600", children: "*" })] }));
}
export function FormHelper({ children }) {
    return (_jsx("p", { className: "mt-2 text-sm text-gray-500", children: children }));
}
export function FormError({ children }) {
    return (_jsx("p", { className: "mt-2 text-sm text-red-600", children: children }));
}
//# sourceMappingURL=fields.js.map