import { StatusPage } from '@repo/ui/components';
import { useTranslation } from '@repo/core-i18n';
import { WEB_URL } from '../constants/web-url';

interface ComingSoonPageProps {
  /** Use inside ModuleLayout so the page fits under the app chrome */
  embedded?: boolean;
}

export function ComingSoonPage({ embedded = false }: ComingSoonPageProps) {
  const { t } = useTranslation();

  return (
    <StatusPage
      title={t('common:systemPages.comingSoon.title')}
      heading={t('common:systemPages.comingSoon.heading')}
      description={t('common:systemPages.comingSoon.description')}
      showActionsBack={!embedded}
      showActionsHome
      homeUrl={WEB_URL.APP}
      backButtonLabel={t('common:systemPages.actions.goBack')}
      homeButtonLabel={t('common:systemPages.actions.backToHome')}
      height={embedded ? 500 : undefined}
    />
  );
}

export function EmbeddedComingSoonPage() {
  return <ComingSoonPage embedded />;
}