import Image from "next/image";

export default function Home() {
  return (
    <div className="@apply flex-1 flex items-start justify-center p-4;">
      <div className="rounded-[var(--app-border-radius)] [box-shadow:var(--shadow)] w-full max-w-[1200px] min-h-[calc(100vh - 2.5rem)] max-h-[calc(100vh - 2.5rem)] [transition:background_var(--transition),_box-shadow_var(--transition)] px-4 py-2">
        <div className="flex items-center justify-between relative min-h-[56px] w-full mb-[0.2rem]">
          <div className="flex-initial ml-4">
            <h1>REGISTRATORI DI CASSA</h1>
          </div>
          <div className="flex items-center ml-auto gap-2">
            <button className="top-4 right-4 bg-none border-none cursor-pointer p-2 w-[40px] h-[40px] flex items-center justify-center rounded-[50%] [transition:background-color_var(--transition)]">
              <svg xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
                <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
              </svg>
            </button>
          </div>
        </div>
      </div>
    </div>
  );
}
