nobbz.dev
1---
2// SPDX-FileCopyrightText: 2025 Norbert Melzer
3// SPDX-FileContributor: Norbert Melzer
4//
5// SPDX-License-Identifier: MIT
6
7export type Props = {
8 href?: string;
9};
10
11const { href } = Astro.props;
12
13const active = !!href;
14---
15
16<div
17 class:list={[
18 "border-2",
19 "border-surface2",
20 "rounded-md",
21 "p-1",
22 "m-1",
23 active
24 ? "bg-crust hover:bg-surface2 hover:shadow-xl hover:shadow-base text-blue"
25 : "bg-overlay0 text-overlay2 opacity-40",
26 ]}
27>
28 <a href={href}><slot /></a>
29</div>