link-group

1---
2// Generated from bejamas-juno style registry. Do not edit packages/ui/src/components/link-group/LinkGroup.astro directly.
3/**
4 * @component LinkGroup
5 * @title Link Group
6 * @description A group of related links with optional title for navigation or footer sections.
7 * @figmaUrl https://www.figma.com/design/koxai7zw5vIuBzuVxe5T2l/bejamas-ui?node-id=2166-6001&t=YFStJ3V8fXEO8QD8-4
8 *
9 * @preview
10 *
11 * <LinkGroup>
12 *   <LinkGroupTitle>Company</LinkGroupTitle>
13 *   <LinkGroupList>
14 *     <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
15 *     <LinkGroupItem><a href="#">About</a></LinkGroupItem>
16 *   </LinkGroupList>
17 * </LinkGroup>
18 *
19 * @usage
20 *
21 * ```astro nocollapse
22 * ---
23 * import { LinkGroup, LinkGroupTitle, LinkGroupList, LinkGroupItem } from '@bejamas/ui/components/link-group';
24 * ---
25 *
26 * <LinkGroup>
27 *   <LinkGroupTitle>Company</LinkGroupTitle>
28 *   <LinkGroupList>
29 *     <LinkGroupItem><a href="/">Home</a></LinkGroupItem>
30 *   </LinkGroupList>
31 * </LinkGroup>
32 * ```
33 */
34 
35import type { HTMLAttributes } from "astro/types";
36import { cn } from "@/lib/utils";
37 
38interface Props extends HTMLAttributes<"div"> {
39  class?: string;
40}
41 
42const {
43  class: className = "",
44  ...rest
45} = Astro.props as Props;
46---
47 
48<div
49  {...rest}
50  data-slot="link-group"
51  class={cn("", "flex flex-col gap-2", className)}
52>
53  <slot />
54</div>
55