import type { SxProps, Theme, TooltipProps } from '@mui/material'

export interface BasemapsUILabels {
  toggle: {
    title: string
  }
  header: {
    title: string
    actions: {
      close: string
    }
  }
}

export interface BasemapOption {
  id: string
  label: string
  icon: string
  group?: string
}

export interface BasemapsUIProps {
  options: BasemapOption[]
  labels?: BasemapsUILabels
  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
  selected: string | null | undefined
  sx?: SxProps<Theme>
  onChange: (id: string) => void
  TooltipProps?: Omit<TooltipProps, 'title'>
}