import type { IconButtonProps } from '@mui/material'
import type { ReactNode } from 'react'
import type { BaseWidgetState } from '../../stores/types'

export interface StackToggleProps {
  /** Widget ID to update stack configuration in the widget store */
  id: string
  /** Initial toggle state - when true, starts with stacking enabled */
  defaultIsStacked?: boolean
  /** Custom labels for the action */
  labels?: {
    /** Tooltip when stacking is disabled (button will enable stacking) */
    stacked?: string
    /** Tooltip when stacking is enabled (button will disable stacking) */
    unstacked?: string
    /** Accessibility label */
    ariaLabel?: string
  }
  /** Props passed to the IconButton component */
  IconButtonProps?: IconButtonProps
  /** Custom icon to display */
  Icon?: ReactNode
}

export type StackToggleState<T = unknown> = BaseWidgetState<
  T & {
    isStacked?: boolean
  }
>