import type { IconType, ThemeType } from '.'

export interface BtnOptions {
	onClick?: () => void
	color?: ThemeType
	disabled?: boolean
	icon?: IconType
	variant?: 'solid' | 'flat' | 'outline'
	flat?: boolean
	outline?: boolean
	/** @deprecated Use `outline` */
	border?: boolean
	thin?: boolean
	type?: 'button' | 'submit' | 'reset'
	loading?: boolean
	role?: string
	value?: string
}

export type UnitSize = 'px' | 'rem' | 'vh' | 'vw'
export type SizeType = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
export type SizeUnit = `${number}` | number | `${number}${UnitSize}`