All files / src/common/components/warning Warning.stories.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React from 'react'
import WarningComponent from './Warning'
import { action } from '@storybook/addon-actions'
import { BADGE } from '@geometricpanda/storybook-addon-badges'
import { addDefaults, addArgTypes } from 'common/utils/storybookMode'
import EmailImg from 'common/components/warning/email.svg'
 
const defaultProps = { onClickCallToAction: action('onClickCallToAction') }
 
const addTheme = addDefaults({
  defaultProps,
  figmaURL: 'https://www.figma.com/file/pFx6z24OMgktLQL64aKYjG/Booksys?node-id=167%3A55',
})
 
export default {
  title: 'Components/Warning',
  parameters: {
    badges: [BADGE.STABLE],
  },
  argTypes: addArgTypes({
    imageAlt: {
      defaultValue: 'image description',
      type: 'string',
    },
    title: {
      defaultValue: 'Warning title',
      type: 'string',
    },
    description: {
      defaultValue: 'Warning description',
      type: 'string',
    },
    footerMessage: {
      defaultValue: 'Footer message',
      type: 'string',
    },
    callToActionText: {
      defaultValue: 'Call to action text',
      type: 'string',
    },
    callToActionType: {
      defaultValue: 'primary',
      options: ['primary', 'secondary'],
      control: { type: 'radio' },
    },
  }),
}
 
export const Warning = addTheme((props) => <WarningComponent image={EmailImg} {...props} />)