import type { IElementRef } from '@melodicdev/core';
type SectionPadding = 'none' | 'sm' | 'md' | 'lg';
/**
 * ml-page-section - Titled content section with consistent heading typography
 *
 * @example
 * ```html
 * <ml-page-section title="Recent Activity" subtitle="Last 7 days">
 *   <div>Section content here</div>
 * </ml-page-section>
 *
 * <ml-page-section title="Members" action-label="View All" action-href="/members">
 *   <div>Members list</div>
 * </ml-page-section>
 * ```
 *
 * @slot default - Section content
 * @slot action - Override for complex action content (replaces action-label link)
 *
 * @cssproperty --ml-page-section-title-font - Title font family (default: 'Cormorant Garamond', serif)
 * @cssproperty --ml-page-section-gap - Gap between header and content (default: var(--ml-space-4))
 */
export declare class PageSectionComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Section title */
    title: string;
    /** Subtitle text */
    subtitle: string;
    /** Action link label */
    'action-label': string;
    /** Action link URL */
    'action-href': string;
    /** Content padding */
    padding: SectionPadding;
    /** Check if action slot has content */
    get hasActionSlot(): boolean;
}
export {};
//# sourceMappingURL=page-section.component.d.ts.map