24 lines
566 B
TypeScript
24 lines
566 B
TypeScript
import { type ComponentProps, splitProps } from "solid-js"
|
|
import "./badge-v2.css"
|
|
|
|
export interface TagProps extends ComponentProps<"span"> {
|
|
variant?: "neutral" | "accent"
|
|
}
|
|
|
|
export function Tag(props: TagProps) {
|
|
const [split, rest] = splitProps(props, ["class", "classList", "children", "variant"])
|
|
return (
|
|
<span
|
|
{...rest}
|
|
data-component="tag"
|
|
data-variant={split.variant ?? "neutral"}
|
|
classList={{
|
|
...split.classList,
|
|
[split.class ?? ""]: !!split.class,
|
|
}}
|
|
>
|
|
{split.children}
|
|
</span>
|
|
)
|
|
}
|