export default function ProjectFileManagerFixture() {
  return (
    <div className="admin-card">
      <div className="admin-card-body">
        <h3 className="admin-card-title">Soubory</h3>
        <div
          style={{
            display: "flex",
            alignItems: "center",
            gap: "0.5rem",
            marginBottom: "0.75rem",
            fontSize: "0.875rem",
            color: "var(--text-secondary)",
          }}
        >
          <span>Projekt</span>
          <span>/</span>
          <span>Dokumentace</span>
        </div>
        {Array.from({ length: 4 }, (_, i) => (
          <div
            key={i}
            style={{
              display: "flex",
              alignItems: "center",
              gap: "0.5rem",
              padding: "0.5rem 0",
              borderBottom: i < 3 ? "1px solid var(--border-color)" : "none",
            }}
          >
            <svg
              width="18"
              height="18"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              strokeWidth="1.5"
            >
              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
              <polyline points="14 2 14 8 20 8" />
            </svg>
            <span style={{ flex: 1 }}>dokument_{i + 1}.pdf</span>
            <span
              style={{ color: "var(--text-secondary)", fontSize: "0.8rem" }}
            >
              2.{i + 1} MB
            </span>
          </div>
        ))}
      </div>
    </div>
  );
}