@awsui/components-react/mixed-line-bar-chart/bar-groups.d.ts

On July 19th, 2022, we launched [Cloudscape Design System](https://cloudscape.design). Cloudscape is an evolution of AWS-UI. It consists of user interface guidelines, front-end components, design resources, and development tools for building intuitive, en

import React from 'react';
import { ChartDataTypes } from './interfaces';
import { ScaledBarGroup } from './make-scaled-bar-groups';
interface BarGroups<T extends ChartDataTypes> {
    ariaLabel: string;
    isRefresh: boolean;
    isPopoverPinned: boolean;
    barGroups: ScaledBarGroup<T>[];
    highlightedGroupIndex: null | number;
    highlightedGroupRef: React.RefObject<SVGRectElement>;
}
/**
 * The component renders empty SVG rectangles corresponding to the bar group slots.
 * The highlighted group rectangle is used for the pseudo-focus and therefore requires ARIA attributes.
 * Other rectangles are only needed for the "findBarGroups" test-utils selector.
 */
export default function BarGroups<T extends ChartDataTypes>({ ariaLabel, isRefresh, isPopoverPinned, barGroups, highlightedGroupIndex, highlightedGroupRef, }: BarGroups<T>): JSX.Element;
export {};
//# sourceMappingURL=bar-groups.d.ts.map