'use client'

import type { UserRole } from '../types'

interface UserRolesTableProps {
  userRoles: UserRole[]
  onEdit: (ur: UserRole) => void
}

export function UserRolesTable({ userRoles, onEdit }: UserRolesTableProps) {
  return (
    <div className="text-center py-12 text-slate-500">
      <svg className="w-16 h-16 mx-auto text-slate-300 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z" />
      </svg>
      <p className="mb-2">Benutzer-Rollen Zuweisung</p>
      <p className="text-sm text-slate-400">
        Waehlen Sie einen Benutzer aus, um dessen Rollen zu verwalten.
      </p>
    </div>
  )
}