import type { Snippet } from 'svelte';
interface FormSectionProps {
    title: string;
    description?: string;
    /** Small label above the title */
    eyebrow?: string;
    /** Pill next to the title, e.g. Optional */
    badge?: string;
    badgeTone?: 'neutral' | 'brand' | 'warning' | 'success';
    /** Show divider under header (stack layout, non-collapsible) */
    divided?: boolean;
    /**
     * plain = bare section
     * card = elevated panel
     * inset = soft bordered block
     */
    variant?: 'plain' | 'card' | 'inset';
    /**
     * stack = title above fields
     * split = title left / fields right (settings pages)
     */
    layout?: 'stack' | 'split';
    /** Field grid gap */
    gap?: 'sm' | 'md' | 'lg';
    /** Optional 2-column field grid from md up */
    columns?: 1 | 2;
    /** Make the body collapsible */
    collapsible?: boolean;
    /** Open state (bindable) */
    open?: boolean;
    class?: string;
    icon?: Snippet;
    actions?: Snippet;
    footer?: Snippet;
    children?: Snippet;
}
declare const FormSection: import("svelte").Component<FormSectionProps, {}, "open">;
type FormSection = ReturnType<typeof FormSection>;
export default FormSection;