import { type GapsProp } from '../../lib/layouts'; import type { LayoutProps } from '../../lib/layouts/types'; import type { RootComponentProps } from '../RootComponent/RootComponent'; import { FlexItem, type FlexItemProps } from './FlexItem/FlexItem'; export type { FlexItemProps }; type FlexContentProps = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly'; export interface FlexProps extends RootComponentProps, LayoutProps { /** * Направление осей, эквивалентно `flex-direction`. */ direction?: 'row' | 'column' | undefined; /** * Отступы между элементами. * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям. * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются. */ gap?: GapsProp | undefined; /** * Отключает перенос контента, эквивалентно `flex-wrap=nowrap`. */ noWrap?: boolean | undefined; /** * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`. */ align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline' | undefined; /** * Выравнивание элементов по главной оси, эквивалентно `justify-content`. */ justify?: FlexContentProps | undefined; /** * Значение `auto` позволяет задать платформенные отступы вокруг контейнера. */ margin?: 'none' | 'auto' | undefined; /** * Для инвертирования направления, эквивалентно `row-reverse` `column-reverse`. */ reverse?: boolean | undefined; /** * Возможность задать css-свойство `display`. */ display?: 'none' | 'flex' | 'inline-flex' | undefined; } /** * @see https://vkui.io/components/flex */ export declare const Flex: React.FC & { /** * @deprecated Since 7.11.0. Будет удалено в **VKUI v9**. * Используйте компонент `Box`. */ Item: typeof FlexItem; }; //# sourceMappingURL=Flex.d.ts.map