import React from "react";
import { PageProps } from "./interFaces";

function App000001({ lang, queryParams }: PageProps) {
  return (
    <>
      <div className="flex flex-col w-3/4">
        {/* Sticky Header */}
        <header className="sticky top-0 bg-white shadow-md z-10 p-4 flex justify-between items-center">
          <h1 className="text-2xl font-semibold">Dashboard</h1>
          <div className="flex items-center space-x-4">
            {JSON.stringify({
              lang,
              queryParams,
            })}
            <input
              type="text"
              placeholder="Search..."
              className="border px-3 py-2 rounded-lg"
            />
            <div className="w-10 h-10 bg-gray-300 rounded-full"></div>
          </div>
        </header>
      </div>
    </>
  );
}

export default App000001;
