import { type HTMLProps } from 'react';
import * as React from 'react';
declare enum Orientation {
    Horizontal = 0,
    Vertical = 1
}
type Spacing = 'none' | 'xs' | 'sm' | 'md' | 'lg';
type Justify = 'flex-start' | 'flex-end' | 'space-between' | 'center';
type Align = 'normal' | 'flex-start' | 'flex-end' | 'center';
export interface LayoutProps extends Omit<HTMLProps<HTMLDivElement>, 'align' | 'children' | 'wrap'> {
    children: React.ReactNode[] | React.ReactNode;
    orientation?: Orientation;
    spacing?: Spacing;
    justify?: Justify;
    align?: Align;
    width?: string;
    wrap?: boolean;
}
interface ContainerProps {
    padding?: Spacing;
    margin?: Spacing;
    grow?: number;
    shrink?: number;
}
/**
 * @deprecated use Stack component instead
 *
 * https://developers.grafana.com/ui/latest/index.html?path=/docs/layout-deprecated-groups--docs
 */
export declare const Layout: ({ children, orientation, spacing, justify, align, wrap, width, height, ...rest }: LayoutProps) => import("react/jsx-runtime").JSX.Element;
/**
 * @deprecated use Stack component instead
 */
export declare const HorizontalGroup: ({ children, spacing, justify, align, wrap, width, height, }: Omit<LayoutProps, "orientation">) => import("react/jsx-runtime").JSX.Element;
/**
 * @deprecated use Stack component with the "column" direction instead
 */
export declare const VerticalGroup: ({ children, spacing, justify, align, width, height, }: Omit<LayoutProps, "orientation" | "wrap">) => import("react/jsx-runtime").JSX.Element;
export declare const Container: ({ children, padding, margin, grow, shrink }: React.PropsWithChildren<ContainerProps>) => import("react/jsx-runtime").JSX.Element;
export {};