Badge.tsx

import React from "react"

interface Props {
    children?: React.ReactNode
    title?: string
    className?: string
}

const Badge = (props: Props) => {
    const { children, title = "", className = "" } = props

    return (
        <div className={`badge ${className}`}>
            {title}
            {children}
        </div>
    )
}

export default Badge