import type { UltravioletUITheme } from '@ultraviolet/themes';
import type { CSSProperties, ReactNode } from 'react';
import type { AlignItemsType, JustifyContentType } from './styles.css';
type ResponsiveProp<T> = T | Partial<Record<keyof UltravioletUITheme['breakpoints'], T>>;
type ToNumber<T extends string> = T extends `${infer N extends number}` ? N : never;
type RowProps = {
    className?: string;
    'data-testid'?: string;
    children: ReactNode;
    templateColumns: ResponsiveProp<string>;
    gap?: ResponsiveProp<keyof UltravioletUITheme['space'] | ToNumber<keyof UltravioletUITheme['space']>>;
    alignItems?: ResponsiveProp<AlignItemsType>;
    justifyContent?: ResponsiveProp<JustifyContentType>;
    padding?: ResponsiveProp<CSSProperties['padding']>;
    style?: CSSProperties;
};
export declare function Row({ className, 'data-testid': dataTestId, children, templateColumns, alignItems, justifyContent, gap, padding, style, }: RowProps): import("react").JSX.Element;
export declare namespace Row {
    var displayName: string;
}
export {};
//# sourceMappingURL=index.d.ts.map