'use client';
import WebsiteDetails from '../../(main)/websites/[websiteId]/WebsiteDetails';
import { useShareToken } from 'components/hooks';
import styles from './Share.module.css';
import Page from 'components/layout/Page';
import Header from './Header';
import Footer from './Footer';

export default function Share({ shareId }) {
  const { shareToken, isLoading } = useShareToken(shareId);

  if (isLoading || !shareToken) {
    return null;
  }

  return (
    <div className={styles.container}>
      <Page>
        <Header />
        <WebsiteDetails websiteId={shareToken.websiteId} />
        <Footer />
      </Page>
    </div>
  );
}