import React from 'react'

const tools = [
  { key: 'comments', label: 'Comentarios' },
  { key: 'banners', label: 'Banners' },
  { key: 'media', label: 'Activos multimedia' },
  { key: 'style', label: 'Estilo' },
  { key: 'notes', label: 'Notas' },
  { key: 'people', label: 'Personas' },
  { key: 'chat', label: 'Chat privado' }
]

export default function RightTools(){
  return (
    <div className="flex flex-col items-center gap-3 p-2">
      {tools.map(t => (
        <button key={t.key} className={`w-12 h-12 rounded-md bg-white/5 text-white text-xs flex items-center justify-center text-center`} title={t.label}>
          {t.label.split(' ')[0]}
        </button>
      ))}
    </div>
  )
}