import React from 'react';
import { Center, Badge, GlobeIcon } from '../../../ui-components';
import Wrapper from '../../Wrapper';

export const MyBadgeExample = ({
  // variant = 'subtle',
  text = 'Badge',
  ...props
}: any) => {
  return (
    <Wrapper>
      <Center>
        <Badge {...props}>
          <Badge.Text>{text}</Badge.Text>
          <Badge.Icon ml={7}>
            <GlobeIcon />
          </Badge.Icon>
        </Badge>
      </Center>
    </Wrapper>
  );
};

export { Center, Badge, GlobeIcon };