bbc/simorgh

import React from 'react';
import { RequestContextProvider } from '#contexts/RequestContext';
import { ServiceContextProvider } from '../../../contexts/ServiceContext';
import { ARTICLE_PAGE } from '#app/routes/utils/pageTypes';
import ConsentBanner from '.';
import AmpDecorator from '../../../../../.storybook/helpers/ampDecorator';
import ThemeProvider from '../../../components/ThemeProvider';
import metadata from './metadata.json';

const Component = ({ platform }) => (
  <ThemeProvider service="news">
    <ServiceContextProvider service="news">
      <RequestContextProvider
        platform={platform}
        isUK
        isAmp={platform === 'amp'}
        origin="https://www.bbc.co.uk"
        pageType={ARTICLE_PAGE}
        id="c0000000000o"
        service="news"
        statsDestination="NEWS_PS_TEST"
        statsPageIdentifier="news.articles.c0000000000o"
      >
        <ConsentBanner />
        This container uses cookies to conditionally render. If you can not see
        the banner above please clear your cookies or view in incognito mode.
      </RequestContextProvider>
    </ServiceContextProvider>
  </ThemeProvider>
);

export default {
  Component,
  title: 'Containers/Consent Banner',
  parameters: {
    metadata,
    chromatic: { disable: true },
  },
};

export const Canonical = () => <Component platform="canonical" />;

export const Amp = () => <Component platform="amp" />;
Amp.decorators = [AmpDecorator];