import { mdiEarth } from '@mdi/js';
import { observable } from 'mobx';
import { observer } from 'mobx-react';
import React from 'react';
import { Infobox } from '@meetfranz/ui';
import { storiesOf } from '../stores/stories';
interface IStoreArgs {
icon?: string;
ctaLabel?: string;
type?: string;
dismissable?: boolean;
className?: string;
}
const createStore = (args?: IStoreArgs) => {
return observable(Object.assign({
type: 'primary',
ctaOnClick: () => {
alert('on click handler');
},
}, args));
};
const WithStoreInfobox = observer(({ store, children }: { store: any, children: string | React.ReactNode }) => (
<>
{children}
>
));
storiesOf('Infobox')
.add('Basic', () => (
Welcome to the world of tomorrow
))
.add('Icon + Dismissable', () => (
Welcome to the world of tomorrow
))
.add('With CTA', () => (
Welcome to the world of tomorrow
))
.add('With long text', () => (
Franz is your messaging app / former Emperor of Austria and combines chat & messaging services into one application. Franz currently supports Slack, WhatsApp, WeChat, HipChat, Facebook Messenger, Telegram, Google Hangouts,GroupMe, Skype and many more.
))
.add('Secondary', () => (
Welcome to the world of tomorrow
))
.add('Success', () => (
Welcome to the world of tomorrow
))
.add('Warning', () => (
Welcome to the world of tomorrow
))
.add('Danger', () => (
Welcome to the world of tomorrow
))
.add('Inverted', () => (
Welcome to the world of tomorrow
))
.add('With className', () => (
Welcome to the world of tomorrow
));