interface Props {
    label: string;
    color?: string;
}

export default function BadgeStatus({ label, color = "dark" }: Props) {
    return (
        <div className="d-flex align-items-start gap-2 small">
            <div style={{
                width: 10,
                height: 10,
                backgroundColor: color,
                marginTop: 5,
            }} className="flex-shrink-0 rounded-circle blink"></div>
            <div style={{
                color: color,
            }} className="flex-grow-1">{label}</div>
        </div>
    )
}