import React from "react";
export interface FormLayoutTheme {
    root: string;
    section: string;
    sectionSidebar: string;
    sectionTitle: string;
    sectionSubtitle: string;
    sectionAction: string;
    sectionContent: string;
    sectionContentFull: string;
    footer: string;
}
export interface FormLayoutThemeOverrides {
    root?: string;
    section?: string;
    sectionSidebar?: string;
    sectionTitle?: string;
    sectionSubtitle?: string;
    sectionAction?: string;
    sectionContent?: string;
    sectionContentFull?: string;
    footer?: string;
}
export interface FormLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Theme overrides for the root container. */
    theme?: FormLayoutThemeOverrides;
}
export interface FormLayoutSectionProps extends React.HTMLAttributes<HTMLElement> {
    /** Optional section title. If omitted along with subtitle and action, the sidebar column is hidden. */
    title?: string;
    /** Optional subtitle displayed below the title. */
    subtitle?: string;
    /** Optional action element rendered below the subtitle. */
    action?: React.ReactNode;
    /** Additional className applied to the content area. */
    contentClassName?: string;
    /** Theme overrides for the section. */
    theme?: FormLayoutThemeOverrides;
}
export interface FormLayoutFooterProps extends React.HTMLAttributes<HTMLDivElement> {
    /** Theme overrides for the footer. */
    theme?: FormLayoutThemeOverrides;
}
