/// <reference types="react" />
import React from 'react';
import { ResponsivePropertyType } from "../Grid.types-86cd2afe";
type RowBaseProps<E extends React.ElementType> = {
    /**
     * Additional class
     */
    className?: string;
    /**
     * Horizontal padding between columns.
     * Possible values: `[0, 8, 16, 24]`
     * or `{ mobile: [0..24], tablet: [0..24], desktop: [0..24] }`
     * or `{ mobile: { s: [0..24], m: [0..24], l: [0..24] },
     * tablet: { s: [0..24], m: [0..24] },
     * desktop: { s: [0..24], m: [0..24], l: [0..24]} }`.
     */
    gutter?: ResponsivePropertyType;
    /**
     * Controlling column alignment along the vertical axis
     */
    align?: "top" | "middle" | "bottom";
    /**
     * Column Alignment Control on the Horizontal axis
     */
    justify?: "left" | "center" | "right" | "around" | "between";
    /**
     * The component used for the root node. Either a string to use a HTML element or a component
     * @default "div"
     */
    component?: E;
    /**
     * Content
     */
    children?: React.ReactNode;
    /**
     * Identifier for automated testing systems
     */
    dataTestId?: string;
};
type RowProps<E extends React.ElementType> = RowBaseProps<E> & Omit<React.ComponentProps<E>, keyof RowBaseProps<E>>;
declare function Row<E extends React.ElementType = 'div'>({ component, className, gutter, align, justify, children, dataTestId, ...props }: RowProps<E>): React.JSX.Element;
export { Row as default };