import React, { useContext } from "react"
import Style from "./Empty.module.css"
import classNames from "classnames"
import ContextLanguage from "../../contexts/ContextLanguage"


/**
 * A simple inline `<i>` element to be used when there is nothing to be displayed inside a box.
 *
 * @param className - Additional class(es) to append to the element.
 * @param props - Additional props to pass to the element.
 * @returns {JSX.Element}
 * @constructor
 */
export default function Empty({ className, ...props }) {
    const { strings } = useContext(ContextLanguage)

    return (
        <i className={classNames(Style.Empty, className)} {...props}>
            {strings.emptyMenu}
        </i>
    )
}