55d0910d10
* feat: deposit account modal * style: button default colors to match wireframes * react-query-devtools package added * slider moved to separate component
27 lines
624 B
TypeScript
27 lines
624 B
TypeScript
import React from 'react'
|
|
|
|
type Props = {
|
|
children: string
|
|
className?: string
|
|
onClick: (e: React.MouseEvent<HTMLButtonElement>) => void
|
|
disabled?: boolean
|
|
}
|
|
|
|
const Button = React.forwardRef<any, Props>(
|
|
({ children, className = '', onClick, disabled }, ref) => (
|
|
<button
|
|
ref={ref}
|
|
onClick={onClick}
|
|
className={`overflow-hidden text-ellipsis rounded-md bg-blue-500 py-2 px-5 text-sm font-semibold text-white ${className} ${
|
|
disabled ? 'opacity-40' : ''
|
|
}`}
|
|
disabled={disabled}
|
|
>
|
|
{children}
|
|
</button>
|
|
)
|
|
)
|
|
|
|
Button.displayName = 'Button'
|
|
export default Button
|