import type { ReactNode } from 'react';
export declare const entityInputClass = "h-8 w-full rounded-md border border-border bg-background px-2.5 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-primary";
export declare const entityMonoInputClass = "h-8 w-full rounded-md border border-border bg-background px-2.5 text-sm text-foreground outline-none transition-colors placeholder:text-muted-foreground/50 focus:border-primary font-mono text-[13px]";
export declare const entitySelectClass = "h-8 w-full appearance-none rounded-md border border-border bg-background px-2.5 pr-8 text-sm text-foreground outline-none transition-colors focus:border-primary";
interface SegmentedControlProps<T extends string> {
    value: T;
    options: ReadonlyArray<{
        value: T;
        label: string;
    }>;
    onChange: (value: T) => void;
}
export declare function SegmentedControl<T extends string>({ value, options, onChange, }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
interface EntityListPageProps {
    toolbar: ReactNode;
    createLabel?: string;
    onCreate?: () => void;
    hint?: string;
    children: ReactNode;
}
export declare function EntityListPage({ toolbar, createLabel, onCreate, hint, children, }: EntityListPageProps): import("react/jsx-runtime").JSX.Element;
export declare function EntityListGroup({ children }: {
    children: ReactNode;
}): import("react/jsx-runtime").JSX.Element;
interface EntityRowProps {
    onClick: () => void;
    title: ReactNode;
    badge?: ReactNode;
    description?: ReactNode;
    meta?: ReactNode;
    warning?: ReactNode;
    end?: ReactNode;
}
export declare function EntityRow({ onClick, title, badge, description, meta, warning, end, }: EntityRowProps): import("react/jsx-runtime").JSX.Element;
interface EntityEmptyStateProps {
    icon: ReactNode;
    title: string;
    description: string;
    actionLabel?: string;
    onAction?: () => void;
}
export declare function EntityEmptyState({ icon, title, description, actionLabel, onAction, }: EntityEmptyStateProps): import("react/jsx-runtime").JSX.Element;
interface EntityEditorProps {
    backLabel: string;
    onBack: () => void;
    title: string;
    subtitle?: ReactNode;
    children: ReactNode;
    footerStart?: ReactNode;
    footerEnd: ReactNode;
}
export declare function EntityEditor({ backLabel, onBack, title, subtitle, children, footerStart, footerEnd, }: EntityEditorProps): import("react/jsx-runtime").JSX.Element;
interface EntityFieldProps {
    id: string;
    label: string;
    hint?: string;
    error?: string;
    children: ReactNode;
}
export declare function EntityField({ id, label, hint, error, children, }: EntityFieldProps): import("react/jsx-runtime").JSX.Element;
interface EntityCheckboxProps {
    id: string;
    checked: boolean;
    onChange: (checked: boolean) => void;
    children: ReactNode;
}
export declare function EntityCheckbox({ id, checked, onChange, children, }: EntityCheckboxProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=SettingsEntityPage.d.ts.map