@aws-northstar/ui/components/KeyValuePair/index.js

NorthStar Design System v2

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import Box from '@cloudscape-design/components/box';
/**
 * A key/value pair represents a key followed by the corresponding value.
 */
const KeyValuePair = ({ label, value, ...props }) => {
    return (_jsxs("div", { ...props, children: [_jsx(Box, { variant: "awsui-key-label", children: label }), _jsx(Box, { children: !value ? '-' : value })] }));
};
export default KeyValuePair;