futur.blue
forked from
pds.ls/pdsls
this repo has no description
1import { JSX } from "solid-js";
2
3export interface ButtonProps {
4 class?: string;
5 classList?: Record<string, boolean | undefined>;
6 onClick?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
7 children?: JSX.Element;
8}
9
10export const Button = (props: ButtonProps) => {
11 return (
12 <button
13 type="button"
14 class={
15 props.class ??
16 "dark:hover:bg-dark-100 dark:bg-dark-300 dark:shadow-dark-800 dark:active:bg-dark-100 flex items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 py-1.5 text-xs font-semibold shadow-md hover:bg-neutral-50 active:bg-neutral-50 dark:border-neutral-700"
17 }
18 classList={props.classList}
19 onClick={props.onClick}
20 >
21 {props.children}
22 </button>
23 );
24};