export default function UsersFixture() {
  return (
    <div>
      <div className="admin-page-header">
        <div>
          <h1 className="admin-page-title">Uživatelé</h1>
          <p className="admin-page-subtitle">5 uživatelů</p>
        </div>
        <button className="admin-btn admin-btn-primary">
          + Přidat uživatele
        </button>
      </div>
      <div className="admin-card">
        <div className="admin-card-body">
          <div className="admin-search-bar mb-4">
            <input className="admin-form-input" placeholder="" />
          </div>
          <div className="admin-table-responsive">
            <table className="admin-table">
              <thead>
                <tr>
                  <th>Uživatel</th>
                  <th>E-mail</th>
                  <th>Role</th>
                  <th>Stav</th>
                  <th>Akce</th>
                </tr>
              </thead>
              <tbody>
                {Array.from({ length: 5 }, (_, i) => (
                  <tr key={i}>
                    <td>
                      <div className="admin-table-user">
                        <div className="admin-table-avatar">A</div>
                        <div>
                          <div className="admin-table-name">Jan Novák</div>
                          <div className="admin-table-username">@jan</div>
                        </div>
                      </div>
                    </td>
                    <td>jan@email.cz</td>
                    <td>
                      <span className="admin-badge admin-badge-admin">
                        Administrátor
                      </span>
                    </td>
                    <td>
                      <span className="admin-badge admin-badge-active">
                        Aktivní
                      </span>
                    </td>
                    <td>
                      <div className="admin-table-actions">
                        <button className="admin-btn-icon">✎</button>
                      </div>
                    </td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  );
}
