|
|
|
@@ -7,6 +7,7 @@ export type IButtonProps = { |
|
|
|
className?: string |
|
|
|
disabled?: boolean |
|
|
|
loading?: boolean |
|
|
|
tabIndex?: number |
|
|
|
children: React.ReactNode |
|
|
|
onClick?: MouseEventHandler<HTMLDivElement> |
|
|
|
} |
|
|
|
@@ -18,6 +19,7 @@ const Button: FC<IButtonProps> = ({ |
|
|
|
className, |
|
|
|
onClick, |
|
|
|
loading = false, |
|
|
|
tabIndex, |
|
|
|
}) => { |
|
|
|
let style = 'cursor-pointer' |
|
|
|
switch (type) { |
|
|
|
@@ -35,6 +37,7 @@ const Button: FC<IButtonProps> = ({ |
|
|
|
return ( |
|
|
|
<div |
|
|
|
className={`inline-flex justify-center items-center content-center h-9 leading-5 rounded-lg px-4 py-2 text-base ${style} ${className && className}`} |
|
|
|
tabIndex={tabIndex} |
|
|
|
onClick={disabled ? undefined : onClick} |
|
|
|
> |
|
|
|
{children} |