import config from "@/payload.config";

export const PayloadButtons = async () => {
  const payloadConfig = await config;

  return (
    <div className="fixed bottom-0 w-fit flex flex-row items-center gap-3 bg-accent/50 justify-center p-3 left-1/2 -translate-x-1/2 rounded-t border border-accent border-b-0">
      <a
        className="bg-background text-white border py-1 px-2 rounded text-sm font-bold hover:bg-black hover:border-white/50"
        href={payloadConfig.routes.admin}
        rel="noopener noreferrer"
        target="_blank"
      >
        Go to admin panel
      </a>
      <a
        className="bg-background text-white border border-accent py-1 px-2 rounded text-sm hover:bg-black hover:border-white/50"
        href="https://payloadcms.com/docs"
        rel="noopener noreferrer"
        target="_blank"
      >
        Documentation (Payload)
      </a>
    </div>
  );
};