@awsui/components-react/badge/index.js

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 { __rest } from "tslib";
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
// SPDX-License-Identifier: Apache-2.0
import React from 'react';
import clsx from 'clsx';
import { getBaseProps } from '../internal/base-component';
import useBaseComponent from '../internal/hooks/use-base-component';
import { applyDisplayName } from '../internal/utils/apply-display-name';
import styles from './styles.css.js';
export default function Badge(_a) {
    var { color = 'grey', children } = _a, rest = __rest(_a, ["color", "children"]);
    const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
    const baseProps = getBaseProps(rest);
    const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
    return (React.createElement("span", Object.assign({}, baseProps, { className }, { ref: __internalRootRef }), children));
}
applyDisplayName(Badge, 'Badge');
//# sourceMappingURL=index.js.map