"""Base classes."""

from typing import Union

from reflex.components.el.element import Element
from reflex.vars.base import Var


class BaseHTML(Element):
    """Base class for common attributes."""

    # Provides a hint for generating a keyboard shortcut for the current element.
    access_key: Var[Union[str, int, bool]]

    # Controls whether and how text input is automatically capitalized as it is entered/edited by the user.
    auto_capitalize: Var[Union[str, int, bool]]

    # Indicates whether the element's content is editable.
    content_editable: Var[Union[str, int, bool]]

    # Defines the ID of a <menu> element which will serve as the element's context menu.
    context_menu: Var[Union[str, int, bool]]

    # Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)
    dir: Var[Union[str, int, bool]]

    # Defines whether the element can be dragged.
    draggable: Var[Union[str, int, bool]]

    # Hints what media types the media element is able to play.
    enter_key_hint: Var[Union[str, int, bool]]

    # Defines whether the element is hidden.
    hidden: Var[Union[str, int, bool]]

    # Defines the type of the element.
    input_mode: Var[Union[str, int, bool]]

    # Defines the name of the element for metadata purposes.
    item_prop: Var[Union[str, int, bool]]

    # Defines the language used in the element.
    lang: Var[Union[str, int, bool]]

    # Defines the role of the element.
    role: Var[Union[str, int, bool]]

    # Assigns a slot in a shadow DOM shadow tree to an element.
    slot: Var[Union[str, int, bool]]

    # Defines whether the element may be checked for spelling errors.
    spell_check: Var[Union[str, int, bool]]

    # Defines the position of the current element in the tabbing order.
    tab_index: Var[Union[str, int, bool]]

    # Defines a tooltip for the element.
    title: Var[Union[str, int, bool]]