import { TNode, Value } from '@tempots/dom';
import { CenterGap } from '../theme';
/** Configuration options for the {@link Center} component. */
export interface CenterOptions {
    /** Gap size between centered content and surrounding elements. @default 'lg' */
    gap?: Value<CenterGap>;
}
/**
 * Horizontally centers its children within a container.
 * Uses the `bc-center-h` CSS class for horizontal centering only.
 *
 * @param children - Child nodes to center horizontally
 * @returns A div element with horizontally centered content
 *
 * @example
 * ```typescript
 * CenterH(
 *   html.h1('Centered Heading'),
 *   html.p('This paragraph is horizontally centered.')
 * )
 * ```
 */
export declare function CenterH(...children: TNode[]): import("@tempots/dom").Renderable;
/**
 * Centers its children both horizontally and vertically within a container.
 * Supports configurable gap spacing between content and the container edges.
 *
 * @param options - Configuration options for gap spacing
 * @param children - Child nodes to center
 * @returns A div element with centered content
 *
 * @example
 * ```typescript
 * Center(
 *   { gap: 'md' },
 *   html.div('This content is centered on the page')
 * )
 * ```
 *
 * @example
 * ```typescript
 * // Center with default gap
 * Center({}, Icon({ icon: 'line-md:loading-twotone-loop', size: 'xl' }))
 * ```
 */
export declare function Center({ gap }?: CenterOptions, ...children: TNode[]): import("@tempots/dom").Renderable;
