aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
25 lines • 1.2 kB
TypeScript
import React from 'react';
import { CSSProperties } from 'react';
export interface ChartContainerStyles {
container: CSSProperties;
title: CSSProperties;
subtitle: CSSProperties;
legend: CSSProperties;
grid: CSSProperties;
tooltip: CSSProperties;
}
interface ChartContainerProps extends React.HTMLAttributes<HTMLDivElement> {
$glassVariant?: 'frosted' | 'dynamic' | 'clear' | 'tinted' | 'luminous';
$blurStrength?: 'none' | 'light' | 'standard' | 'heavy';
$color?: string;
$borderRadius?: string | number;
$borderColor?: string;
$elevation?: number;
}
export declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
export declare const ChartHeader: React.FC<React.HTMLAttributes<HTMLDivElement>>;
export declare const ChartTitle: React.FC<React.HTMLAttributes<HTMLHeadingElement>>;
export declare const ChartSubtitle: React.FC<React.HTMLAttributes<HTMLParagraphElement>>;
export declare const createChartContainerStyles: (theme?: "light" | "dark" | "glass", variant?: "default" | "minimal" | "detailed") => ChartContainerStyles;
export {};
//# sourceMappingURL=ChartContainerStyles.d.ts.map