Slot Headline

"use client";

import { SlotHeadline, CODING_AGENTS } from "@/components/ui/slot-headline";

export const settings = {
    prefix: "Deploy your apps from",
    interval: 1900,
    duration: 600,
};

type DemoProps = {
    prefix?: string;
    interval?: number;
    duration?: number;
};

export default function SlotHeadlineDemo(props: DemoProps) {
    const { prefix, interval, duration } = { ...settings, ...props };

    return (
        <div className="flex w-full items-center justify-center px-6 py-24">
            <SlotHeadline
                prefix={prefix}
                items={CODING_AGENTS}
                interval={interval}
                duration={duration}
                className="max-w-[896px]"
            />
        </div>
    );
}