import React from 'react';
import { addStoryInGroup, MARKETING } from '../../../.storybook/utils';
import { TextBody } from '../typography';
import MarketingMarker from './MarketingMarker';
export default {
  component: MarketingMarker,
  title: addStoryInGroup(MARKETING, 'MarketingMarker'),
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/6nbw3mXc6VpIOYrbmUxn8C/Marketing-components?node-id=84%3A0'
    }
  }
};
export var Basic = function Basic(args) {
  return /*#__PURE__*/React.createElement(TextBody, null, "We can use our ", /*#__PURE__*/React.createElement(MarketingMarker, args), " to highlight some keywords.");
};
Basic.args = {
  children: 'Marker component'
};