import { mockCategories } from '../data/mockData'

const DashboardView = () => {
  return (
    <div>
      <div className="content-header">
        <div className="content-title">대시보드</div>
      </div>
      
      <div className="dashboard-stats">
        <div className="stat-card">
          <div className="stat-label">전체 자산</div>
          <div className="stat-value">8개</div>
        </div>
        {mockCategories.map(cat => (
          <div key={cat.id} className="stat-card">
            <div className="stat-label">{cat.name}</div>
            <div className="stat-value">{cat.count}개</div>
          </div>
        ))}
      </div>

      <div className="card">
        <h3>최근 변경 내역</h3>
        <table className="data-table">
          <thead>
            <tr>
              <th>날짜</th>
              <th>내용</th>
              <th>사용자</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>2023-04-11</td>
              <td>PC 신규 등록</td>
              <td>이관형</td>
            </tr>
            <tr>
              <td>2023-04-10</td>
              <td>모니터 부서 할당 변경</td>
              <td>관리자</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  )
}

export default DashboardView
