import * as React from 'react'; import { tailwind } from '@tesseract-design/web-base'; const { tw } = tailwind; const BadgeDerivedElementComponent = 'span' as const; /** * Derived HTML element of the {@link Badge} component. */ export type BadgeDerivedElement = HTMLElementTagNameMap[ typeof BadgeDerivedElementComponent ]; /** * Props of the {@link Badge} component. */ export interface BadgeProps extends React.HTMLProps { /** * Is the component rounded? */ rounded?: boolean; } /** * Component for displaying textual information in a small container. */ export const Badge = React.forwardRef(( { children, rounded = false, className, style, ...etcProps }, forwardedRef, ) => ( {children} )); Badge.displayName = 'Badge'; Badge.defaultProps = { rounded: false, };