import React from 'react';
import styles from './MenuBadgeNuevo.module.css';

interface MenuBadgeNuevoProps {
    label?: string;
}

export default function MenuBadgeNuevo({ label = 'Nuevo' }: MenuBadgeNuevoProps): React.ReactElement {
    return (
        <span className={styles.badge} data-key="t-new" title={label} aria-label={`${label}: opción reciente del menú`}>
            <span className={styles.dot} aria-hidden="true" />
            <span className={styles.label}>{label}</span>
        </span>
    );
}