import React from 'react';
import { ViewProps } from 'react-native';
import { AlignItem, JustifyContent, Spacing, Size, Corner, Direction } from '../types';
export declare type BaseLayoutProps = {
    /**
     * Flex style.
     * If `true`, it will set `flex = 1`.
     */
    flex?: boolean | number;
    /**
     * Size dimension.
     */
    size?: Size;
    /**
     * Background color.
     */
    backgroundColor?: string;
    /**
     * Flex Direction style. Default to `column`.
     */
    direction?: Direction;
    /**
     * Vertical Alignment. Depending on the direction, it will change to
     * `alignItem` or `justifyContent` style.
     */
    vAlign?: AlignItem | JustifyContent;
    /**
     * Horizontal alignment. Depending on the direction, it will change to
     * `alignItems` or `justifyContent` style.
     */
    hAlign?: AlignItem | JustifyContent;
    /**
     * Padding style.
     */
    padding?: Spacing<number>;
    /**
     * Margin style.
     */
    margin?: Spacing<number>;
    /**
     * Border style.
     */
    border?: {
        width?: Spacing<number> | number;
        color?: Spacing<string> | string;
        radius?: Corner<number> | number;
    };
    /**
     * Position style. If provided, `position: 'absolute'` will be assumed and set.
     */
    position?: {
        top?: number;
        left?: number;
        right?: number;
        bottom?: number;
    };
    /**
     * Overflow style.
     */
    overflow?: 'hidden' | 'scroll' | 'visible';
    /**
     * Underlying View Component. This has to be a typeof `View` component.
     *
     * ie: `UnderlyingView={Animated.View}`
     */
    UnderlyingView?: React.ComponentType<any> | React.ReactElement | null;
} & ViewProps;
/**
 * ### BaseLayout
 * A basic building block on top of the <View /> component with easier way to
 * define multiple layouts.
 */
export declare const BaseLayout: React.FC<BaseLayoutProps>;
//# sourceMappingURL=index.d.ts.map