import { CardBaseProps } from '..';
type OmitProperties = "title" | "as" | "layout" | "entity" | "serviceData" | "service" | "longPressCallback" | "modalProps" | "onClick" | "disableScale" | "onlyFunctionality" | "rippleProps" | "disableActiveState" | "disableRipples";
export interface GroupProps extends Omit<CardBaseProps, OmitProperties> {
    /** the title of the group */
    title: React.ReactNode;
    /** the optional description of the group */
    description?: React.ReactNode;
    /** the layout of the group, either column or row, @default row */
    layout?: "row" | "column";
    /** standard flex css properties for align-items, @default center */
    alignItems?: React.CSSProperties["alignItems"];
    /** standard flex css properties for justify-content, @default center */
    justifyContent?: React.CSSProperties["justifyContent"];
    /** standard css gap property values, @default 0.5rem */
    gap?: React.CSSProperties["gap"];
    /** should the group be collapsed by default @default false */
    collapsed?: boolean;
    /** Whether the group can be collapsed by the end-user @default true */
    collapsible?: boolean;
    /** fired when the group header section is clicked */
    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
}
/** The group component will automatically layout the children in a row with a predefined gap between the children. The Group component is handy when you want to be able to collapse sections of cards */
export declare function Group(props: GroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map