// Copyright (c) Microsoft Corporation.
// Licensed under the MIT license.

import type { JSXElement } from "@coreai-ds/react-components";
import { CounterBadge } from "@coreai-ds/react-components";
import * as React from 'react';

export const Color = (): JSXElement => {
    return (<>
      <CounterBadge appearance="filled" color="brand" count={5}/>
      <CounterBadge appearance="filled" color="danger" count={5}/>
      <CounterBadge appearance="filled" color="important" count={5}/>
      <CounterBadge appearance="filled" color="informative" count={5}/>
    </>);
};

export default Color;