@seplan/diti-ds/dist/components/ui/axis-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 AxisCardProps {
    children: React.ReactNode;
    className?: string;
}
declare function AxisCard({ children, className }: AxisCardProps): import("react/jsx-runtime").JSX.Element;
declare namespace AxisCard {
    var Header: typeof CardHeader;
    var Title: typeof CardTitle;
    var Body: typeof CardBody;
    var Metric: typeof CardMetric;
    var BadgeGroup: typeof CardBadgeGroup;
}
interface CardHeaderProps {
    children: React.ReactNode;
    className?: string;
    linkUrl?: string;
    onLinkClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
}
declare function CardHeader({ children, className, linkUrl, onLinkClick }: 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 CardBodyProps {
    children: React.ReactNode;
    className?: string;
}
declare function CardBody({ children, className }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
interface CardMetricProps {
    label: string;
    value: string | number;
    className?: string;
}
declare function CardMetric({ label, value, className }: CardMetricProps): import("react/jsx-runtime").JSX.Element;
interface CardBadgeGroupProps {
    label?: string;
    children: React.ReactNode;
    className?: string;
}
declare function CardBadgeGroup({ label, children, className }: CardBadgeGroupProps): import("react/jsx-runtime").JSX.Element;
export { AxisCard };
//# sourceMappingURL=axis-card.d.ts.map