import type { GenericSnapElement, SnapsChildren } from "../component.mjs";
/**
 * The props of the {@link Section} component.
 *
 * @property children - The children of the section.
 */
export type SectionProps = {
    children: SnapsChildren<GenericSnapElement>;
    direction?: 'vertical' | 'horizontal' | undefined;
    alignment?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | undefined;
};
/**
 * A section component, which is used to group multiple components together.
 * The component itself is 16px padded with a default background and a border radius of 8px.
 *
 * @param props - The props of the component.
 * @param props.children - The children of the section.
 * @param props.direction - The direction that the children are aligned.
 * @param props.alignment - The alignment of the children (a justify-content value).
 * @returns A section element.
 * @example
 * <Section>
 *   <Row label="From">
 *     <Address address="0x1234567890123456789012345678901234567890" />
 *   </Row>
 *   <Row label="To" variant="warning" tooltip="This address has been deemed dangerous.">
 *     <Address address="0x0000000000000000000000000000000000000000" />
 *   </Row>
 * </Section>
 */
export declare const Section: import("../component.mjs").SnapComponent<SectionProps, "Section">;
/**
 * A section element.
 *
 * @see Section
 */
export type SectionElement = ReturnType<typeof Section>;
//# sourceMappingURL=Section.d.mts.map