import React from "react";

const NotAvailable = () => {
  return (
    <div className="min-h-[60vh] text-white flex items-center justify-center px-4">
      <div className="bg-(--color-naviBlue) py-3 md:p-6 w-76 md:min-w-120 space-y-4 shadow-xl">
        <h1 className="text-xl md:text-3xl font-semibold text-center">
          Not available
        </h1>
        <p className="font-onest text-center  text-xs  mt-2 md:text-base text-(--color-lightGray)">
          You cannot view this section in gems mode.
        </p>
      </div>
    </div>
  );
};

export default NotAvailable;
