import type { ChartOptions } from 'chart.js'; import type { ChartBubbleProps, SupportedChartType } from '@/types/chart'; /** * Vietnamese Government Style Color Palette * Based on official Vietnamese flag colors and professional government design standards * Primary: Red (#C8102E) - symbolizes revolution and sacrifice * Secondary: Gold (#FFCD00) - symbolizes prosperity and national identity * Supporting colors for multi-series data visualization with accessibility in mind */ export declare const vnGovColors: { primary: string; secondary: string; palette: string[]; paletteFill: string[]; paletteLineFill: string[]; text: { primary: string; secondary: string; light: string; }; grid: { line: string; border: string; axis: string; }; container: { background: string; border: string; shadow: string; }; }; /** * Professional Vietnamese government chart typography settings * Using system sans-serif fonts for clean, official appearance */ export declare const vnGovTypography: { fontFamily: string; title: { size: number; weight: "bold"; lineHeight: number; }; legend: { size: number; weight: "bold"; }; axis: { size: number; weight: "normal"; }; tooltip: { size: number; weight: "normal"; }; }; /** * Applies Vietnamese government color palette to chart datasets * Ensures consistent, professional appearance across all chart types */ export declare const applyVnGovColorsToDatasets: (data: ChartBubbleProps['config']['data'], chartType: SupportedChartType) => ChartBubbleProps['config']['data']; /** * Creates Vietnamese government-styled chart options * Professional appearance suitable for official reports and dashboards */ export declare const createVnGovChartOptions: (chartType: SupportedChartType, title: string | undefined, textColor: string) => ChartOptions; /** * SolidJS component that renders a Chart.js chart with Vietnamese government styling. * Features professional color palette, typography, and visual design appropriate * for official government reports, dashboards, and publications. */ export declare const ChartBubble: (props: ChartBubbleProps) => import("solid-js").JSX.Element; export default ChartBubble; //# sourceMappingURL=ChartBubble.d.ts.map