import { CSSProperties } from 'glamor';
import React from 'react';
import { ViewStyle } from './cross-platform/@types/styles.cross-platform.interface';
import { ApphouseComponent } from './component.interfaces';
import { SpacingsTokensType } from '../styles/defaults/themes.interface';
/**
 * Interface for the view component
 */
interface StackViewProps extends ApphouseComponent<CSSProperties>, Omit<ViewStyle, 'flexDirection' | 'orientation' | 'gap'> {
    /**
     * The children to render
     */
    children?: React.ReactNode;
    /**
     * If true, the view will set alignItems: "center" when
     * orientation is "vertical" and justifyContent: "center" when
     * orientation is "horizontal"
     * @optional
     * @default false
     */
    centerAlign?: boolean;
    /**
     * The gutters to apply between the children
     * @optional
     * @default "l"
     */
    gap?: keyof SpacingsTokensType;
}
/**
 * A component that render content by stacking it horizontally
 */
export declare const StackView: (props: StackViewProps) => import("react/jsx-runtime").JSX.Element;
export {};