export default function DashSessionsFixture() {
  return (
    <div className="admin-card">
      <div
        className="admin-card-header"
        style={{
          display: "flex",
          alignItems: "center",
          justifyContent: "space-between",
          gap: "0.75rem",
        }}
      >
        <h2 className="admin-card-title">Přihlášená zařízení</h2>
        <button className="admin-btn admin-btn-secondary admin-btn-sm">
          Odhlásit ostatní
        </button>
      </div>
      <div className="admin-card-body" style={{ padding: 0 }}>
        <div className="dash-sessions-list">
          {Array.from({ length: 3 }, (_, i) => (
            <div
              key={i}
              className={`dash-session-item${i === 0 ? " dash-session-item-current" : ""}`}
            >
              <div className="dash-session-icon">
                <svg
                  width="18"
                  height="18"
                  viewBox="0 0 24 24"
                  fill="none"
                  stroke="currentColor"
                  strokeWidth="2"
                >
                  <rect x="2" y="3" width="20" height="14" rx="2" ry="2" />
                  <line x1="8" y1="21" x2="16" y2="21" />
                  <line x1="12" y1="17" x2="12" y2="21" />
                </svg>
              </div>
              <div className="dash-session-info">
                <div className="dash-session-device">
                  Chrome na Windows
                  {i === 0 && (
                    <span
                      className="admin-badge admin-badge-success"
                      style={{ marginLeft: "0.5rem" }}
                    >
                      Aktuální
                    </span>
                  )}
                </div>
                <div className="dash-session-meta">
                  <span>192.168.1.100</span>
                  <span className="dash-session-meta-separator">|</span>
                  <span>před 2 hodinami</span>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </div>
  );
}
