@mielo-ui/mielo-react/src/containers/Window/Props.ts

React components & wrappers around mielo.css framework.

import { HTMLAttributes, ReactNode, MouseEvent } from "react"
import { CoreAccent, CoreColor } from "../../types"
import { HeaderBarProps } from "../HeaderBar"
import { SplitViewProps } from "../SplitView"

type DivProps = HTMLAttributes<HTMLDivElement>

export interface WindowProps extends DivProps {
  accent?: CoreAccent
  color?: CoreColor

  headerbar?: HeaderBarProps
  split?: SplitViewProps
  children?: ReactNode
  transparent?: boolean
}

export type WindowControlType = "maximize" | "minimize" | "restore" | "close"
export type WindowControlIcons = Partial<Record<WindowControlType, ReactNode>>

type OnClickControl = (
  event: MouseEvent<HTMLButtonElement>,
  controlType: WindowControlType,
) => void

export interface WindowControlsProps extends DivProps {
  onClickControl?: OnClickControl

  controls: WindowControlType[]
  icons?: WindowControlIcons
  className?: string
}