wix-style-react/dist/es/stories/FloatingHelperContent/FloatingHelperContent.story.js

wix-style-react

import * as React from 'react';
import FloatingHelperContent from '../../src/FloatingHelper/FloatingHelperContent';
import { storySettings } from './StorySettings';
import Image from 'wix-ui-icons-common/Image';

var image = React.createElement(Image, { width: '102', height: '102' });

var componentProps = {
  title: 'This is the title',
  body: 'This is the a long text which is passed in the `body` propterty',
  actionText: 'Ok, Take Me There!',
  onActionClick: function onActionClick() {
    return null;
  }
};

export default {
  category: storySettings.kind,
  storyName: storySettings.story,
  component: FloatingHelperContent,
  componentPath: '../../node_modules/wix-ui-backoffice/src/components/FloatingHelper/FloatingHelperContent/FloatingHelperContent.tsx',
  displayName: 'FloatingHelper.Content',
  componentProps: componentProps,
  exampleProps: {
    onActionClick: function onActionClick() {
      /** see interactive preview*/
    },
    actionTheme: ['white', 'premium'],
    image: [{ label: 'with image', value: image }]
  },
  exampleImport: 'import ... - do not import directly, use FloatingHelper.Content'
};