mirror of
https://github.com/tale/headplane.git
synced 2026-08-12 14:46:52 +00:00
Aarnav Tale
26 lines
569 B
TypeScript
26 lines
569 B
TypeScript
import clsx from 'clsx'
|
|
import { type HTMLProps } from 'react'
|
|
|
|
type Properties = HTMLProps<HTMLButtonElement> & {
|
|
readonly isDestructive?: boolean;
|
|
readonly isDisabled?: boolean;
|
|
}
|
|
|
|
export default function Action(properties: Properties) {
|
|
return (
|
|
<button
|
|
{...properties}
|
|
type='button'
|
|
className={clsx(
|
|
properties.className,
|
|
properties.isDisabled && 'opacity-50 cursor-not-allowed',
|
|
properties.isDestructive
|
|
? 'text-red-700 dark:text-red-500'
|
|
: 'text-blue-700 dark:text-blue-400'
|
|
)}
|
|
>
|
|
{properties.children}
|
|
</button>
|
|
)
|
|
}
|