22 lines
658 B
TypeScript
22 lines
658 B
TypeScript
import React from 'react'
|
|
import { CircularLoader, Icon } from 'UI'
|
|
import cn from 'classnames'
|
|
|
|
interface Props {
|
|
loading?: boolean
|
|
onClick: () => void
|
|
iconSize?: number
|
|
iconName?: string
|
|
className?: string
|
|
}
|
|
export default function ReloadButton(props: Props) {
|
|
const { loading, onClick, iconSize = "14", iconName = "sync-alt", className = '' } = props
|
|
return (
|
|
<div
|
|
className={cn("ml-4 h-5 w-6 flex items-center justify-center", className)}
|
|
onClick={onClick}
|
|
>
|
|
{ loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
|
|
</div>
|
|
)
|
|
}
|