wix-style-react/dist/es/stories/TextLink/index.story.js

wix-style-react

import React from 'react';

import TextLink from 'wix-style-react/TextLink';
import CodeExample from 'wix-storybook-utils/CodeExample';

import ExampleStandard from './ExampleStandard';
import ExampleStandardRaw from '!raw-loader!./ExampleStandard';

import ExampleDark from './ExampleDark';
import ExampleDarkRaw from '!raw-loader!./ExampleDark';

import * as Icons from 'wix-style-react/new-icons';

var icons = Object.values(Icons).map(function (icon) {
  return React.createElement(icon);
});

import { storySettings } from './storySettings';

export default {
  category: storySettings.kind,
  storyName: storySettings.storyName,
  component: TextLink,
  componentPath: '../../src/TextLink',

  componentProps: {
    dataHook: 'storybook-textlink',
    link: 'https://wix.com',
    underlineStyle: 'hover',
    children: 'Click to visit wix.com',
    theme: 'normal',
    size: 'medium',
    ellipsis: false
  },
  exampleProps: {
    prefixIcon: icons,
    suffixIcon: icons
  },
  examples: React.createElement(
    'div',
    null,
    React.createElement(
      CodeExample,
      { title: 'Standard', code: ExampleStandardRaw },
      React.createElement(ExampleStandard, null)
    ),
    React.createElement(
      CodeExample,
      { title: 'Dark', code: ExampleDarkRaw },
      React.createElement(ExampleDark, null)
    )
  )
};