import { iconsSVG } from '../components/Svgs'
import { IconScale } from '../types'
import { SvgIconComponent } from '@mui/icons-material'
import { ReactNode } from 'react'

export interface ProductCardProps {
  // product?: string
  onClick?: () => void
  disabled?: boolean
  color: string
  title: string
  description: string
  hasBorder?: boolean
  favorite?: {
    flagged: boolean
    onFlag: () => any
  }
  icon?: {
      bgColor?: string;
      iconColor?: string;
      iconName?: keyof typeof iconsSVG | SvgIconComponent | string;
      iconWidth?: string | number;
      iconHeight?: string | number;
      scale?: IconScale;
    }
}


export interface BgIconProps {
  $bColor: string
  children?: ReactNode
  className?: string
  color: string
}