homeman-deno/components/Button.tsx

13 lines
334 B
TypeScript

import { JSX } from 'preact'
import { IS_BROWSER } from '$fresh/runtime.ts'
export function Button(props: JSX.HTMLAttributes<HTMLButtonElement>) {
return (
<button
{...props}
disabled={!IS_BROWSER || props.disabled}
class='px-2 py-1 bg-gray-500/20 rounded hover:bg-gray-500/25 cursor-pointer transition-colors'
/>
)
}