"""
============
UI Text Box
============

This example demonstrates how to create and customize 2D Text Boxes
using the FURY UI elements. We'll explore different configurations
such as single-line, multi-line, and styled text.
"""

from fury.ui import TextBox2D
from fury.window import Scene, ShowManager

##############################################################################
# A Scene acts as a container for all our UI elements and 3D objects.
scene = Scene()

##############################################################################
# 1. Simple Single-Line Text Box
# We define a basic text box with a specified width, height, and color (red).
textbox_single = TextBox2D(
    width=20,
    height=1,
    text="Single line",
    position=(50, 450),
    color=(1, 0, 0),
    font_size=20,
)

##############################################################################
# 2. Multi-Line Text Box
# The text can span across multiple lines by using the newline character '\n'.
# We also increase the height to accommodate the extra lines.
textbox_multi = TextBox2D(
    width=20,
    height=3,
    text="Multi-line\nText box",
    position=(50, 300),
    color=(0, 0, 1),
    font_size=25,
)

##############################################################################
# 3. Static Text Box
# A standard text box that displays static text in black.
textbox_static = TextBox2D(
    width=20,
    height=2,
    text="Static Text box",
    position=(50, 200),
    color=(0, 0, 0),  # Black color
    font_size=20,
)

##############################################################################
# 4. Styled Text Box
# We can customize the appearance by enabling bold, italic properties
# and setting the text justification to "center".
textbox_styled = TextBox2D(
    width=20,
    height=2,
    text="Bold & Italic\nCenter justification",
    position=(50, 100),
    color=(0, 0.5, 0),  # Dark green color
    font_size=18,
    justification="center",
    bold=True,
    italic=True,
)

##############################################################################
# After configuring our UI elements, we must add them to the scene
# so they will be rendered on the screen.
scene.add(textbox_single)
scene.add(textbox_multi)
scene.add(textbox_static)
scene.add(textbox_styled)

##############################################################################
# ShowManager handles the window creation, interaction, and rendering loop.
current_size = (800, 700)
show_manager = ShowManager(
    scene=scene,
    size=current_size,
    title="FURY Text Box Example",
)

##############################################################################
# Finally, we start the interactive rendering loop to display our UI.
show_manager.start()