21 lines
		
	
	
		
			529 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			21 lines
		
	
	
		
			529 B
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
import classNames from 'classnames'
 | 
						|
 | 
						|
export interface IconButtonProps
 | 
						|
  extends React.ComponentPropsWithoutRef<'button'> {}
 | 
						|
 | 
						|
export const IconButton: React.FC<IconButtonProps> = (props) => {
 | 
						|
  const { children, className, ...rest } = props
 | 
						|
 | 
						|
  return (
 | 
						|
    <button
 | 
						|
      className={classNames(
 | 
						|
        'text-center flex items-center justify-center text-green-800 dark:text-green-400 focus:outline-none focus:animate-pulse hover:animate-pulse',
 | 
						|
        className
 | 
						|
      )}
 | 
						|
      {...rest}
 | 
						|
    >
 | 
						|
      {children}
 | 
						|
    </button>
 | 
						|
  )
 | 
						|
}
 |