import { PropsWithChildren } from 'react';
import { FlexAlignItems } from '../flexBox';
export type VerticalLayoutProps = {
    distance?: string;
    alignItems?: FlexAlignItems;
    marginTop?: string;
    marginRight?: string;
    marginBottom?: string;
    marginLeft?: string;
    overflow?: string;
    width?: string;
    dataTestid?: string;
    minWidth?: string;
    textAlign?: string;
};
/**
 * The Vertical Layout component is a simple way to align multiple elements vertically.
 *
 * By default the contained controls are not wrapped.
 * If you want more sophisticated layout options, consider GridLayout or FlexBox components.
 */
export declare const BCVerticalLayout: ({ distance, alignItems, marginTop, marginRight, marginBottom, marginLeft, overflow, children, width, dataTestid, minWidth, textAlign, }: PropsWithChildren<VerticalLayoutProps>) => import("@emotion/react/jsx-runtime").JSX.Element;