flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/dogumentation. Simple, minimalistic documentation template using astro
flo-bit.dev/dogumentation/
687 B
25 lines
1---
2import type { HTMLAttributes } from "astro/types";
3
4type Props = HTMLAttributes<"button"> & HTMLAttributes<"a">;
5
6const { class: className, ...props } = Astro.props;
7
8const classes = [
9 "not-prose inline-flex items-center gap-2 text-sm font-medium bg-accent-500/10 dark:bg-accent-500/10 text-accent-700 dark:text-accent-400 px-4 py-2 rounded-full",
10 "border border-accent-500/20 dark:border-accent-500/20 hover:bg-accent-500/20 dark:hover:bg-accent-500/20 transition-colors duration-200",
11 className,
12];
13---
14
15{
16 props.href ? (
17 <a class:list={classes} {...props}>
18 <slot />
19 </a>
20 ) : (
21 <button class:list={classes} {...props}>
22 <slot />
23 </button>
24 )
25}