from ..app import ComposeResult
from ._static import Static
from ._button import Button
from ..layout import Container

from rich.markdown import Markdown

WELCOME_MD = """\
# Welcome!

Textual is a TUI, or *Text User Interface*, framework for Python inspired by modern web development. **We hope you enjoy using Textual!**

## Dune quote

> "I must not fear.
Fear is the mind-killer.
Fear is the little-death that brings total obliteration.
I will face my fear.
I will permit it to pass over me and through me.
And when it has gone past, I will turn the inner eye to see its path.
Where the fear has gone there will be nothing. Only I will remain."

"""


class Welcome(Static):

    DEFAULT_CSS = """

        Welcome {
            width: 100%;
            height: 100%;
            margin: 1 2;
            
        }

        Welcome Container {
            padding: 1;
            background: $panel;
            color: $text-panel;
        }

        Welcome #text {
            margin:  0 1;
        }

        Welcome #close {
            dock: bottom;
            width: 100%;
            margin-top: 1;
        }

    """

    def compose(self) -> ComposeResult:

        yield Container(Static(Markdown(WELCOME_MD), id="text"), id="md")
        yield Button("OK", id="close", variant="success")
