import { Typography } from "@material-tailwind/react";

import { _useScopedI18n } from "../../i18n/client";

export default function EmptyAssets() {
  const scopeT = _useScopedI18n("sharedComponents.emptyAssets");

  return (
    <div className="flex items-center justify-center flex-col w-full h-full">
      <Typography
        variant="h6"
        className="text-center md:text-lg font-semibold text-black-500 mb-2"
      >
        {scopeT("title")}
      </Typography>
      <Typography
        variant="h6"
        className="text-center font-medium text-slate-400"
      >
        {scopeT("message")}
      </Typography>
    </div>
  );
}
