import React from 'react';
import { type ComposableProps } from '../../../lib/slot';
export type SpacerSize = 'x1' | 'x2' | 'x3' | 'x4' | 'x5' | 'x6' | 'x7' | 'x8' | 'x9' | 'x10' | 'x11' | 'x12';
export interface SpacerProps extends Omit<ComposableProps<'div'>, 'children'> {
    /**
     * Size of the spacer
     * @default 'x1'
     */
    size?: SpacerSize;
    /**
     * Whether the spacer is horizontal (width) or vertical (height)
     * @default false (vertical)
     */
    horizontal?: boolean;
}
/**
 * Spacer Component
 *
 * A spacer component for adding consistent spacing between elements.
 *
 * @public
 *
 * @example
 * ```tsx
 * <Spacer size="x4" />
 * <Spacer size="x2" horizontal />
 * ```
 *
 * @remarks
 * - Wraps the HTML `<div>` element by default.
 * - Supports `asChild` prop to merge props with a custom child element.
 * - Supports horizontal and vertical orientations.
 * - Uses FT Design System spacing tokens.
 */
export declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Spacer.d.ts.map