"use client";

import { useState } from 'react';
import { PaginationDot } from '@photonix/ultimate';

export default function PaginationDotBasicExample() {
    const [activeIndex, setActiveIndex] = useState(2);

    return (
        <PaginationDot
            count={7}
            activeIndex={activeIndex}
            onDotClick={setActiveIndex}
            variant="dynamic"
            size={8}
        />
    );
}