45 lines
1.1 KiB
TypeScript
Executable File
45 lines
1.1 KiB
TypeScript
Executable File
import { useLocal } from "lib/utils/use-local";
|
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
import { X } from "lucide-react";
|
|
import { FC, useEffect } from "react";
|
|
import {
|
|
Carousel,
|
|
CarouselContent,
|
|
CarouselItem,
|
|
CarouselNext,
|
|
CarouselPrevious,
|
|
} from "lib/comps/ui/carousel";
|
|
|
|
export const Slide: FC<{
|
|
child: any;
|
|
PassProp: any;
|
|
props: any;
|
|
mode?: "full" | "normal";
|
|
direction?: "vertical" | "horizontal";
|
|
deps?: any;
|
|
_item?: PrasiItem;
|
|
data: any;
|
|
}> = ({ child, PassProp, props, mode, direction, deps, _item, data }) => {
|
|
return (
|
|
<Carousel className="c-flex c-flex-row c-flex-grow c-flex-1 ">
|
|
<CarouselContent>
|
|
{Array.isArray(data) ? (
|
|
<>
|
|
{data.map((e, idx) => {
|
|
return (
|
|
<CarouselItem>
|
|
<PassProp item={e} idx={idx} slide={{ deps }}>
|
|
{child}
|
|
</PassProp>
|
|
</CarouselItem>
|
|
);
|
|
})}
|
|
</>
|
|
) : (
|
|
<></>
|
|
)}
|
|
</CarouselContent>
|
|
</Carousel>
|
|
);
|
|
};
|