import { OpenGraphPreview } from '@pega/cosmos-react-social';
import { Link } from '@pega/cosmos-react-core';
import { errorResponse, transformedMockResponse, transformedMockResponseBrokenImage } from './OpenGraphPreview.mocks';
export default {
    title: 'Social/OpenGraphPreview',
    component: OpenGraphPreview
};
export const OpenGraphPreviewDemo = (args) => {
    const response = args.brokenImage ? transformedMockResponseBrokenImage : transformedMockResponse;
    if (args.error) {
        return (<>
        <Link href='https://www.pega.com'>https://pega.com</Link>;
        <OpenGraphPreview data={errorResponse}/>
      </>);
    }
    return (<>
      <Link href='https://www.pega.com'>https://pega.com</Link>
      <OpenGraphPreview data={response}/>
    </>);
};
OpenGraphPreviewDemo.args = {
    brokenImage: false
};
OpenGraphPreviewDemo.argTypes = {
    brokenImage: { control: { type: 'boolean' } }
};
//# sourceMappingURL=OpenGraphPreview.stories.jsx.map