import { default as React } from 'react';
export interface RowProps {
    /**
     * Adjusts size of gap between row items.
     * Sizes map to `var(--space-<size>)` variables.
     * Set `gapSize="none"` to remove gaps between all row items.
     */
    alignItems?: "top" | "center";
    /** Controls vertical alignment of items within the row */
    justifyContent?: "start" | "end" | "space-between" | "center";
    /** Controls horizontal flex justification */
    gapSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | "none";
    /** The html element to render as the root node of `Row` */
    as?: "span" | "div" | "ul";
    /** Optional: controls className while maintaining default nds-row styling if left unspecified */
    className?: string;
    /** Children must be of type `Row.Item` */
    children: React.ReactNode;
    /** Optional value for `data-testid` attribute */
    testId?: string;
}
/**
 * Basic flexbox helper that arranges content into a non-wrapping row.
 * `Row` will grow to fill the width with its parent container.
 * Items of `Row` will grow to fit remaining space by default.
 * When a `Row.Item` has a boolean prop of `shrink`, it will shrink to content width.
 */
declare const Row: {
    ({ alignItems, justifyContent, gapSize, as, className, children, testId, }: RowProps): React.JSX.Element;
    Item: ({ shrink, as, className, children, testId, }: import('./RowItem').RowItemProps) => React.JSX.Element;
};
export default Row;
//# sourceMappingURL=index.d.ts.map