@ozen-ui/kit/__inner__/esm/components/Container/Container.d.ts

React component library

import './Container.css';
import type { ElementType, ReactNode } from 'react';
import type { ResponsiveValue } from '../../types/ResponsiveValue';
import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
export declare const cnContainer: import("@bem-react/classname").ClassNameFormatter;
declare const containerGuttersVariant: readonly ["xs", "s", "m", "l", "xl", "2xl"];
export type ContainerGuttersVariant = (typeof containerGuttersVariant)[number];
declare const containerMaxWidthVariant: readonly ["s", "m", "l", "fullWidth"];
export type ContainerMaxWidthVariant = (typeof containerMaxWidthVariant)[number];
declare const containerPositionVariant: readonly ["start", "center"];
export type ContainerPositionVariant = (typeof containerPositionVariant)[number];
export type ContainerBaseProps = {
    /** Позиционирование контейнера */
    position?: ContainerPositionVariant;
    /** Максимальная ширина контейнера */
    maxWidth?: ResponsiveValue<ContainerMaxWidthVariant>;
    /** Боковые отступы (padding) */
    gutters?: ResponsiveValue<ContainerGuttersVariant>;
    /** Содержимое компонента */
    children?: ReactNode;
    /** Дополнительные CSS-классы */
    className?: string;
};
export type ContainerProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<ContainerBaseProps, As>;
export declare const Container: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ContainerBaseProps, "div", "as">;
export {};