logo

1---
2import type { HTMLAttributes } from "astro/types"
3 
4import { cn } from "@/lib/utils"
5 
6type Props = HTMLAttributes<"div"> & HTMLAttributes<"a">
7 
8const { class: className, href, ...props } = Astro.props
9 
10const Comp = href ? "a" : "div"
11---
12 
13<Comp
14  class={cn(
15    "flex h-10 items-center justify-start gap-2 text-base font-semibold whitespace-nowrap",
16    className
17  )}
18  href={href}
19  {...props}
20>
21  <slot />
22</Comp>