// REQ-USR-003: 常用操作卡（用户列表 → 路由；系统功能模块设置 → 占位，复刻原型 .common-ops）。
import { App as AntdApp } from 'antd';
import styles from './HomePage.module.css';

interface CommonOpsProps {
  onOpenUserList: () => void;
}

export default function CommonOps({ onOpenUserList }: CommonOpsProps) {
  const { message } = AntdApp.useApp();

  return (
    <div className={`${styles.panel} ${styles.commonOps}`}>
      <div className={styles.commonOpsTitle}>常用操作</div>
      <button type="button" className={styles.commonOpsLink} onClick={onOpenUserList}>
        用户列表
      </button>
      <button
        type="button"
        className={styles.commonOpsLink}
        onClick={() => message.info('功能开发中')}
      >
        系统功能模块设置
      </button>
    </div>
  );
}