import React from 'react'

export interface ButtonProps {
  children?: string | React.ReactNode
  className?: string
  disabled?: boolean
  icon?: string
  type?: 'button' | 'submit'
  variant?:
    | 'action'
    | 'cancel'
    | 'default'
    | 'close'
    | 'delete'
    | 'primary'
    | 'secondary'
  size?: 'lg' | 'md' | 'sm' | 'xs'

  onClick?: React.MouseEventHandler<HTMLButtonElement>
  onMouseDown?: React.MouseEventHandler<HTMLButtonElement>
}

export interface ContainerProps {
  align?: 'center' | 'left' | 'right'
  children: React.ReactNode
}
