pdsls.dev
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-200 dark:shadow-dark-700 dark:active:bg-dark-100 box-border flex h-7 items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-xs shadow-xs select-none hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"
17 }
18 classList={props.classList}
19 onClick={props.onClick}
20 >
21 {props.children}
22 </button>
23 );
24};