Tour

1import { Tour, TourTrigger, TourActionTrigger, TourOverlay } from "@/components/ui/tour";
2
3<Tour />

1"use client";
2
3import { Portal } from "@ark-ui/react";
4import { ark } from "@ark-ui/react/factory";
5import {
6  Tour as ArkTour,
7  type TourStepDetails,
8  type UseTourReturn,
9  useTour,
10} from "@ark-ui/react/tour";
11import { ChevronLeft, ChevronRight, X } from "lucide-react";
12import React from "react";
13import { cn } from "@/lib/utils";
14import { Button } from "@/registry/react/components/button";
15import {
16  DialogBody,
17  DialogFooter,
18  DialogHeader,
19  type DialogOverlay,
20  dialogOverlayVariants,
21} from "@/registry/react/components/dialog";
22
23export type TourStepType = TourStepDetails;
24
25interface TourProviderProps {
26  /**
27   * The function to start the tour
28   */