use leptos::*;
use leptos_mview::mview;
use phosphor_leptos::HandWaving;

#[component]
pub fn App() -> impl IntoView {
    mview! {
        div{
            div.absolute {
                span.font-iosevka {
                    {["Ha"].into_iter().cycle().take(21).collect::<String>()}
                }
            }
            div class="flex w-full h-screen justify-center items-center" {
                span class="before:block before:absolute before:-inset-1 before:-skew-y-3 before:bg-pink-500 relative inline-block" {
                    h1
                    .font-bold.text-3xl.text-primary
                    .w-min class="animate-[wave_1s_ease-in-out_infinite]" {
                        HandWaving;
                    }
                }
            }
        }
    }
}