@actinc/dls
Version:
Design Language System (DLS) for ACT & Encoura front-end projects.
41 lines • 1.4 kB
TypeScript
/**
* Copyright (c) ACT, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import { AreaProps, LabelProps, LegendProps, ResponsiveContainerProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
import { CategoricalChartProps } from 'recharts/types/chart/generateCategoricalChart';
import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
export interface AreaDataProps {
name?: string;
[key: string]: unknown;
}
export interface AreaColorProps {
[key: string]: string;
}
export interface AreaChartProps {
areaChartProps?: CategoricalChartProps;
areaKeys: string[];
areaProps?: Partial<AreaProps>;
children?: React.ReactNode;
colors?: string[];
data: AreaDataProps[];
height?: number;
legendProps?: LegendProps;
responsiveContainerProps?: ResponsiveContainerProps;
showLegend?: boolean;
tooltipProps?: TooltipProps<ValueType, NameType>;
width?: number;
xAxisProps?: XAxisProps;
xLabel?: string;
xLabelProps?: LabelProps;
yAxisProps?: YAxisProps;
yLabel?: string;
yLabelProps?: LabelProps;
yReferenceValue?: number;
}
export declare const AreaChart: React.FC<AreaChartProps>;
export default AreaChart;
//# sourceMappingURL=index.d.ts.map