export const featureStateStyles = {
  live: {
    badge: 'hidden',
    panel: 'border-[#404040] bg-[#262626]',
    title: 'text-[#e5e5e5]',
    label: '',
  },
  partial: {
    badge: 'feature-badge-partial border-sky-500/40 bg-sky-500/15 text-sky-300',
    panel: 'feature-panel-partial border-sky-500/35 bg-sky-500/8',
    title: 'feature-title-partial text-sky-300',
    label: 'Parcial',
  },
  mock: {
    badge: 'feature-badge-mock border-amber-500/40 bg-amber-500/15 text-amber-300',
    panel: 'feature-panel-mock border-amber-500/35 bg-amber-500/8',
    title: 'feature-title-mock text-amber-300',
    label: 'Mockado',
  },
  wip: {
    badge: 'feature-badge-wip border-rose-500/40 bg-rose-500/15 text-rose-300',
    panel: 'feature-panel-wip border-rose-500/35 bg-rose-500/8',
    title: 'feature-title-wip text-rose-300',
    label: 'WIP',
  },
}

export function featurePanelClass(status = 'partial') {
  const current = featureStateStyles[status] || featureStateStyles.partial
  return current.panel
}