import React from 'react'
import { storiesOf } from '@storybook/react'
import FeatureBox from './index'
import StoryWrapper from 'storybookComponents/StoryWrapper'
import graphicsUrl from '../graphics-accessible.svg'

storiesOf('Feature Box', module).addWithInfo(
  'basic usage',
  `
        This is the basic usage of the Feature Box.

        #### Props:
        ---
        - role: string (optional)
        - className: string (optional)
        - graphicsUrl: string
        - title: string
        - text: string
      `,
  () => {
    const title = 'accessible'
    const text =
      'Buy European and US real estate and stocks without geographical restrictions.'

    return (
      <StoryWrapper>
        <FeatureBox graphicsUrl={graphicsUrl} title={title} text={text} />
      </StoryWrapper>
    )
  }
)
