'use client';

import { useLanguage } from '@client/contexts/LanguageContext';

export default function NotSignedIn({ scope = 'view' }: { scope?: 'view' | 'edit' }) {
  const { t } = useLanguage();
  const msg = scope === 'edit'
    ? t('storefront.gate.notSignedInEdit', 'You need to be signed in to a restaurant to edit the QR Storefront.')
    : t('storefront.gate.notSignedInView', 'You need to be signed in to a restaurant to view the QR Storefront.');
  return <div className="p-8 text-sm text-slate-500">{msg}</div>;
}