File size: 801 Bytes
d092f57
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import { FC, MouseEventHandler, ReactNode } from "react"
import classNames from "classnames"

interface Props {
  id?: string
  tooltip: string
  onClick?: MouseEventHandler<HTMLButtonElement>
  className?: string
  type?: "button" | "submit" | "reset"
  actionClasses?: string
  disabled?: boolean
  children?: ReactNode
}

const Button: FC<Props> = ({
  id,
  tooltip,
  onClick,
  className = "",
  type = "button",
  actionClasses = "action",
  disabled = false,
  children,
}) => {
  return (
    <button
      id={id}
      data-tooltip-content={tooltip}
      data-tooltip-variant={"dark"}
      onClick={onClick}
      type={type}
      disabled={disabled}
      className={classNames("p-2 rounded", actionClasses, className)}
    >
      {children}
    </button>
  )
}

export default Button