import { RowOrColumn } from '../Stack/types';
/**
 * Defines the direction of the connected elements.
 */
export declare type Direction = RowOrColumn;
/**
 * Defines the position of the element in the connected group.
 */
export declare type Position = 'none' | 'first' | 'middle' | 'last';
/**
 * Props for Connected wrapper component.
 *
 * @gen_ai
 * The Connected component is used to group elements together, applying rounded borders on the outer edges and square borders between connected elements to visually indicate their connection.
 * Use this component to create cohesive groups of items in your UI.
 * The elements need to have prop 'group' with the same value as the Connected component.
 */
export interface IConnected {
    /**
     * Name of the group that it should apply connected styles to. Default group is `default` and it applies to all connectable elements.
     */
    group?: string;
}