import { BoxProps } from '@starasia/box';
import { IBadges } from '@starasia/badges';
import { PropsWithChildren, default as React } from 'react';

export interface SectionProps extends PropsWithChildren {
    header?: React.ReactNode | null;
    filter?: React.ReactNode | null;
    filterContainer?: BoxProps;
    actionContainer?: BoxProps;
    title?: string;
    titleTag?: string;
    variantTag?: IBadges["variant"];
    action?: React.ReactNode | null;
    searchField?: boolean;
    searchKey?: string;
    searchPlaceholder?: string;
    searchHighlightPlaceholder?: string;
    onSearchChange?: (value: string) => void;
    headerProps?: SectionHeaderProps;
}
export interface SectionHeaderProps extends PropsWithChildren {
    borderBottom?: boolean;
    padding?: boolean;
}
export declare const Section: React.MemoExoticComponent<({ children, title, titleTag, action, filter, searchField, header, onSearchChange, searchKey, searchPlaceholder, searchHighlightPlaceholder, filterContainer, actionContainer, headerProps, variantTag, }: SectionProps) => React.JSX.Element>;
