import React from "react";
import Topper, { TopperProps } from "../components/Topper";
import { content } from './content';
import type { ArticleQuery } from '@financial-times/cp-content-pipeline-client'

const args: TopperProps = {
    content: content as unknown as ArticleQuery['content']
}

export default {
    title: 'Topper',
    component: Topper,
    content: {}
}

export const Default = () => {
    return (
        <div className="story-container">
            <Topper {...args} />
        </div>
    )
}