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 Omit, 'baseClassName'>, LayoutProps { /** * Направление осей, эквивалентно `flex-direction`. */ direction?: 'row' | 'column'; /** * Отступы между элементами. * Значение из списка предопределённых пресетов или число, которое будет приведено к пикселям. * Через массив можно задать отступ между столбцами и строками [row, column], если они отличаются. */ gap?: GapsProp; /** * Отключает перенос контента, эквивалентно `flex-wrap=nowrap`. */ noWrap?: boolean; /** * Выравнивание элементов по вспомогательной оси, эквивалентно `align-items`. */ align?: 'start' | 'end' | 'center' | 'stretch' | 'baseline'; /** * Выравнивание элементов по главной оси, эквивалентно `justify-content`. */ justify?: FlexContentProps; /** * Значение `auto` позволяет задать платформенные отступы вокруг контейнера. */ margin?: 'none' | 'auto'; /** * Для инвертирования направления, эквивалентно `row-reverse` `column-reverse`. */ reverse?: boolean; /** * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`. */ alignSelf?: 'start' | 'end' | 'center' | 'baseline' | 'stretch'; /** * Возможность задать css-свойство `display`. */ display?: 'none' | 'flex' | 'inline-flex'; } /** * @see https://vkui.io/components/flex */ export declare const Flex: React.FC & { /** * @deprecated Since 7.11.0. Будет удалено в **VKUI v9**. * Используйте компонент `Flex`. */ Item: typeof FlexItem; }; //# sourceMappingURL=Flex.d.ts.map