/**
 * 最基础的组件属性，大部分组件会用到
 */
import type { CSSProperties, ReactNode, MouseEvent, KeyboardEvent } from "react"

export interface BaseComponentProps {
  className?: string
  style?: CSSProperties
  children?: ReactNode
}
export type CommonSize = "small" | "medium" | "large"

export type ButtonColor = "primary" | "gray" | "red" | "green"

export type ButtonVariant = "contained" | "outlined" | "text"

export type SwitchChangeEventHandler = (
  event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>,
  checked: boolean
) => void

export type SwitchClickEventHandler = SwitchChangeEventHandler

export type Theme = "light" | "dark"