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

React based design system for UNDP

import { ClassProp } from 'class-variance-authority/types';
import { CSSProperties } from 'react';
import { ForwardRefExoticComponent } from 'react';
import { HTMLAttributes } from 'react';
import { ReactNode } from 'react';
import { RefAttributes } from 'react';
import { VariantProps } from 'class-variance-authority';

declare interface CardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
    slides: {
        content: ReactNode;
        viz: ReactNode;
    }[];
    slideNo?: boolean;
    autoScroll?: boolean | number;
    classNames?: {
        content?: string;
        viz?: string;
        arrowButton?: string;
        arrows?: string;
        playPauseButton?: string;
        playPauseIcon?: string;
        progressBar?: string;
        progressBarBg?: string;
    };
    styles?: {
        content?: CSSProperties;
        viz?: CSSProperties;
        arrowButton?: CSSProperties;
        arrows?: CSSProperties;
        playPauseButton?: CSSProperties;
        playPauseIcon?: CSSProperties;
        progressBar?: CSSProperties;
        progressBarBg?: CSSProperties;
    };
}

declare const cardVariants: (props?: ({
    vizWidth?: "base" | "xs" | "sm" | "lg" | "xl" | "full" | null | undefined;
} & ClassProp) | undefined) => string;

export declare const VizCarousel: ForwardRefExoticComponent<CardProps & 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;
}