export const Welcome = () => (
    <section id="welcome">
        <div class="has-text-centered">
            <p class="title">Welcome!</p>
            <p class="subtitle is-hidden-touch">Select an option from the side to get started</p>
            <p class="subtitle is-hidden-desktop">
                Press the{" "}
                <span class="icon">
                    <i class="fal fa-bars"></i>
                </span>{" "}
                to get started
            </p>
            <br></br>
            <p>
                <strong>Please report bugs!</strong> I can't fix issues if I am unaware of them.
            </p>
            <p>
                Client version: {import.meta.env.VITE_VERSION}
            </p>
        </div>
    </section>
);
