import * as React from 'react';
import { FlexboxProps, LayoutProps } from 'styled-system';
import { Merge } from 'type-fest';
declare type Align = 'center' | 'right' | 'left';
declare type VerticalAlign = 'top' | 'bottom' | 'middle';
declare type GroupType = 'horizontal' | 'vertical';
export declare type GroupItemProps = FlexboxProps & LayoutProps;
export declare const GroupItem: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupItemProps, any>;
export declare type GroupAddonProps = React.HTMLAttributes<HTMLElement> & LayoutProps & {
    align?: Align;
    verticalAlign?: VerticalAlign;
};
export declare const GroupAddon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GroupAddonProps, any>;
export declare type GroupProps = Merge<React.HTMLProps<HTMLElement>, FlexboxProps & {
    children: React.ReactNode;
    /** Sets the direction of Group. Like flexDirection. */
    type?: GroupType;
    /** Disables space between a Group's children */
    noSpacing?: boolean;
    /** Sets display: block on Group */
    block?: boolean;
    /** Sets flex=1 on Inputs when using Input inside Group */
    inputBlock?: boolean;
}>;
export declare const Group: React.FunctionComponent<GroupProps>;
export {};