import { Trans } from '@lingui/react/macro';
import { Loader } from 'lucide-react';

export const EmbedClientLoading = () => {
  return (
    <div className="fixed top-0 left-0 z-[9999] flex h-full w-full items-center justify-center bg-background">
      <Loader className="mr-2 h-4 w-4 animate-spin" />

      <span>
        <Trans>Loading...</Trans>
      </span>
    </div>
  );
};