28 lines
709 B
TypeScript
28 lines
709 B
TypeScript
import { FunctionComponent, MouseEventHandler } from 'react'
|
|
import Icon from '@/Components/Icon/Icon'
|
|
import { IconType } from '@standardnotes/snjs'
|
|
|
|
type ButtonType = 'normal' | 'primary'
|
|
|
|
type Props = {
|
|
onClick: () => void
|
|
type: ButtonType
|
|
className?: string
|
|
icon: IconType
|
|
}
|
|
|
|
const RoundIconButton: FunctionComponent<Props> = ({ onClick, type, className, icon: iconType }) => {
|
|
const click: MouseEventHandler = (e) => {
|
|
e.preventDefault()
|
|
onClick()
|
|
}
|
|
const classes = type === 'primary' ? 'info ' : ''
|
|
return (
|
|
<button className={`sn-icon-button ${classes} ${className ?? ''}`} onClick={click}>
|
|
<Icon type={iconType} />
|
|
</button>
|
|
)
|
|
}
|
|
|
|
export default RoundIconButton
|