@seplan/diti-ds/dist/components/ui/card.d.ts

Reusable UI component library developed by DITI (Technology and Innovation Directorate of SEPLAN PI) based on Mantine and Tailwind CSS

import React from 'react';
interface CardRootProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardRoot({ children, className, ...props }: CardRootProps & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
interface CardHeaderProps {
    children: React.ReactNode;
    className?: string;
    orientation?: 'horizontal' | 'vertical';
}
declare function CardHeader({ children, className, orientation }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
interface CardTitleProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardTitle({ children, className }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
interface CardValueProps {
    children: React.ReactNode;
    /** Unit that appears before the value */
    prefix?: string;
    /** Unit that appears after the value */
    suffix?: string;
    className?: string;
}
declare function CardValue({ children, prefix, suffix, className }: CardValueProps): import("react/jsx-runtime").JSX.Element;
interface CardDescriptionProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardDescription({ children, className }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
interface CardSubtitleProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardSubtitle({ children, className }: CardSubtitleProps): import("react/jsx-runtime").JSX.Element;
interface CardContentProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardContent({ children, className }: CardContentProps): import("react/jsx-runtime").JSX.Element;
interface CardFooterProps {
    children: React.ReactNode;
    className?: string;
    orientation?: 'horizontal' | 'vertical';
}
declare function CardFooter({ children, className, orientation }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
interface CardIconProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardIcon({ children, className }: CardIconProps): import("react/jsx-runtime").JSX.Element;
interface CardChartProps {
    children: React.ReactNode;
    className?: string;
    height?: number;
}
declare function CardChart({ children, className, height }: CardChartProps): import("react/jsx-runtime").JSX.Element;
interface CardTrendProps {
    value: number;
}
declare function CardTrend({ value }: CardTrendProps): import("react/jsx-runtime").JSX.Element;
interface CardListProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardList({ children, className }: CardListProps): import("react/jsx-runtime").JSX.Element;
export declare const Card: {
    Root: typeof CardRoot;
    Header: typeof CardHeader;
    Title: typeof CardTitle;
    Subtitle: typeof CardSubtitle;
    Value: typeof CardValue;
    Description: typeof CardDescription;
    Content: typeof CardContent;
    Footer: typeof CardFooter;
    Icon: typeof CardIcon;
    Chart: typeof CardChart;
    Trend: typeof CardTrend;
    List: typeof CardList;
};
export type { CardRootProps, CardHeaderProps, CardTitleProps, CardSubtitleProps, CardValueProps, CardDescriptionProps, CardContentProps, CardFooterProps, CardIconProps, CardChartProps, CardTrendProps, CardListProps };
//# sourceMappingURL=card.d.ts.map