@undp/design-system-react/dist/Container.d.ts

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { default as default_2 } from 'react';
import { VariantProps } from 'class-variance-authority';

export declare const Container: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    backgroundColor?: "error" | "warning" | "success" | "info" | "primary" | "secondary" | "tertiary" | "quaternary" | "surface" | "background" | "background-soft" | "foreground" | "foreground-soft" | "transparent" | "surface-2xs" | "surface-xs" | "surface-sm" | "surface-md" | "surface-lg" | "surface-xl" | "surface-2xl" | "surface-3xl" | "surface-4xl" | "sgd-1" | "sgd-2" | "sgd-3" | "sgd-4" | "sgd-5" | "sgd-6" | "sgd-7" | "sgd-8" | "sgd-9" | "sgd-10" | "sgd-11" | "sgd-12" | "sgd-13" | "sgd-14" | "sgd-15" | "sgd-16" | "sgd-17" | null | undefined;
    layout?: "default" | "flex" | null | undefined;
    width?: "base" | "xs" | "sm" | "lg" | "xl" | "full" | null | undefined;
    padding?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "none" | null | undefined;
    gap?: "base" | "2xs" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "none" | null | undefined;
} & ClassProp) | undefined) => string> & default_2.RefAttributes<HTMLDivElement>>;

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}