Item

1import { ItemGroup, ItemSeparator, Item, ItemMedia } from "@/components/ui/item";
2
3<ItemGroup />

1"use client";
2
3import { ark } from "@ark-ui/react/factory";
4import type React from "react";
5import { tv, type VariantProps } from "tailwind-variants";
6import { cn } from "@/lib/utils";
7import { Separator } from "@/registry/react/components/separator";
8
9export const ItemGroup = (props: React.ComponentProps<typeof ark.div>) => {
10  const { className, ...rest } = props;
11
12  return (
13    <ark.div
14      className={cn(
15        "group/item-group",
16        "flex w-full flex-col gap-4",
17        className
18      )}
19      data-slot="item-group"
20      role="list"
21      {...rest}
22    />
23  );
24};
25
26export const ItemSeparator = (
27  props: React.ComponentProps<typeof Separator>
28) => {