"use client"; import type { CSSProperties, ReactNode } from "react"; import { type RemocnTheme, useRemocnTheme } from "@/lib/remocn-ui"; export interface FieldGroupProps { children: ReactNode; gap?: number; style?: CSSProperties; } export function FieldGroup({ children, gap = 16, style }: FieldGroupProps) { return (

{children}

); } export interface FieldProps { children: ReactNode; gap?: number; style?: CSSProperties; } export function Field({ children, gap = 6, style }: FieldProps) { return (

{children}

); } export interface FieldLabelProps { children: ReactNode; theme?: Partial; style?: CSSProperties; } export function FieldLabel({ children, theme, style }: FieldLabelProps) { const t = useRemocnTheme(theme, "light"); return (

{children}

); } export interface FieldDescriptionProps { children: ReactNode; align?: "start" | "center"; theme?: Partial; style?: CSSProperties; } export function FieldDescription({ children, align = "start", theme, style, }: FieldDescriptionProps) { const t = useRemocnTheme(theme, "light"); return (

{children}

); } export interface FieldControlProps { children: ReactNode; height?: number; style?: CSSProperties; } export function FieldControl({ children, height = 40, style, }: FieldControlProps) { return (

{children}

); }