'use client';

import React from 'react';
import { Card } from '@/components/ui/card';

export function RoleManagementInstructions() {
  return (
    <Card className="p-4 bg-blue-50 border-blue-200">
      <h4 className="text-blue-900 mb-2">角色管理说明</h4>
      <ul className="space-y-1 text-sm text-blue-800">
        <li>• 系统角色是预定义的角色，不能删除，只能修改描述和权限</li>
        <li>• 自定义角色可根据业务需求灵活创建</li>
        <li>• 每个角色可配置可访问的菜单和功能权限</li>
        <li>• 用户通过分配角色获得相应的系统访问权限</li>
        <li>• 建议按照职能划分角色，便于权限管理</li>
      </ul>
    </Card>
  );
}