Carousel

import {
  Carousel,
  CarouselControl,
  CarouselIndicators,
  CarouselSlide,
  CarouselTrack,
} from "@gpuixui/components";
import { useState } from "react";

export const WorkspacePreviews = () => {
  const [index, setIndex] = useState(0);

  return (
    <Carousel label="Workspace previews" onValueChange={setIndex} value={index}>
      <CarouselTrack>
        <CarouselSlide>Overview</CarouselSlide>
        <CarouselSlide>Activity</CarouselSlide>
        <CarouselSlide>Members</CarouselSlide>
      </CarouselTrack>
      <CarouselControl direction="previous" />
      <CarouselControl direction="next" />
      <CarouselIndicators />
    </Carousel>
  );
};

Carousel
├── CarouselTrack
│   └── CarouselSlide
├── CarouselControl
└── CarouselIndicators