import type * as React from 'react'; import { type CardProps } from '../../../atoms/layout/Card/index.js'; export type ChartCardKind = 'area' | 'bar' | 'line' | 'pie' | 'radar' | 'radial'; export type ChartCardAlignment = 'start' | 'center'; export type ChartCardTrendDirection = 'up' | 'down' | 'flat'; export interface ChartCardProps extends Omit { /** Small chart-family label shown above the card body. */ label?: string; /** Icon family used by the chart-family label. */ kind?: ChartCardKind; /** Primary chart title. */ title: string; /** Supporting date range or chart context. */ description?: string; /** Short performance summary shown in the footer. */ trend?: string; /** Direction icon paired with the trend summary. */ trendDirection?: ChartCardTrendDirection; /** Supporting footer detail. */ footerDescription?: string; /** Header and footer alignment. */ align?: ChartCardAlignment; /** Class name for the chart plot region. */ plotClassName?: string; children: React.ReactNode; } declare function ChartCard({ label, kind, title, description, trend, trendDirection, footerDescription, align, plotClassName, className, children, size, padding, ...props }: ChartCardProps): React.JSX.Element; declare namespace ChartCard { var displayName: string; } export { ChartCard };