@awsui/components-react/internal/components/chart-series-details/index.js

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

import { __assign, __rest } from "tslib";
import React from 'react';
import clsx from 'clsx';
import { getBaseProps } from '../../base-component';
import Box from '../../../box';
import styles from './styles.css.js';
var ChartSeriesDetails = function (_a) {
    var details = _a.details, restProps = __rest(_a, ["details"]);
    var baseProps = getBaseProps(restProps);
    var className = clsx(baseProps.className, styles.root);
    return (React.createElement("div", __assign({}, baseProps, { className: className }),
        React.createElement("ul", { className: styles.list }, details.map(function (_a, i) {
            var key = _a.key, value = _a.value;
            return (React.createElement("li", { key: i },
                React.createElement(Box, { margin: { right: 'xxl' }, color: "text-label" }, key),
                React.createElement(Box, { textAlign: "right" }, value)));
        }))));
};
export default ChartSeriesDetails;