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

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

export type CommissionNonEligibleComponentProps = {
  name: string;
};

export default function CommissionNonEligibleComponent({
  name,
}: CommissionNonEligibleComponentProps) {
  //
  const scopeT = _useScopedI18n(
    "sharedComponents.commissionNonEligibleComponent",
  );

  return (
    <>
      <Typography
        variant="lead"
        className="text-xs text-center leading-5 font-medium text-orange-500 bg-orange-50 border border-orange-300 p-2 px-5 rounded-lg"
      >
        {name} {scopeT("message")}
      </Typography>
    </>
  );
}
