Text Swiping

use leptos::prelude::*;

use crate::components::extensions::text_swiping::{TextSwiping, TextSwipingList, TextSwipingSpan};

#[component]
pub fn DemoTextSwiping() -> impl IntoView {
    view! {
        <div class="relative antialiased font-inter">

            <div class="relative flex flex-col justify-center overflow-hidden bg-card">
                <div class="w-full max-w-6xl px-4 py-24 mx-auto md:px-6">
                    <div class="text-center">

                        <TextSwiping>
                            "Trusted by the most innovative minds in "<TextSwipingSpan>
                                <TextSwipingList>
                                    <li>"Finance"</li>
                                    <li>"Tech"</li>
                                    <li>"AI"</li>
                                    <li>"Crypto"</li>
                                    <li>"eCommerce"</li>
                                    <li aria-hidden="true">"Finance"</li>
                                </TextSwipingList>
                            </TextSwipingSpan>
                        </TextSwiping>

                    </div>

                </div>
            </div>

        </div>
    }
}