import type { ReactNode } from "react";
export declare const SectionLabel: ({ children }: {
    children: ReactNode;
}) => import("react/jsx-runtime").JSX.Element;
/** Bordered card that stacks rows separated by hairlines inset past the icon. */
export declare const InfoCard: ({ children }: {
    children: ReactNode[];
}) => import("react/jsx-runtime").JSX.Element;
interface SwitchRowProps {
    icon: string;
    label: string;
    hint?: string;
    checked: boolean;
    loading?: boolean;
    onChange: (checked: boolean) => void;
}
export declare const SwitchRow: ({ icon, label, hint, checked, loading, onChange, }: SwitchRowProps) => import("react/jsx-runtime").JSX.Element;
interface NavRowProps {
    icon: string;
    label: string;
    onClick: () => void;
}
export declare const NavRow: ({ icon, label, onClick }: NavRowProps) => import("react/jsx-runtime").JSX.Element;
interface DangerRowProps {
    icon: string;
    label: string;
    onClick: () => void;
    /** When set the row is disabled and the note explains why. */
    disabledNote?: string;
}
export declare const DangerRow: ({ icon, label, onClick, disabledNote }: DangerRowProps) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=GroupInfoRows.d.ts.map