import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _extends from "@babel/runtime/helpers/esm/extends";
import * as HeadlineStories from './Headline.stories.mdx';
import Headline, { HEADLINE_ALIGN, HEADLINE_SIZE, HEADLINE_TRANSFORM } from './Headline';
import * as React from 'react';
import { generateChromaticStory, responsivePropsStoryLabel } from '../../chromatic/utils';
export var ResponsiveProps = function ResponsiveProps(args) {
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
    className: "component__story-name"
  }, responsivePropsStoryLabel('size', [HEADLINE_SIZE.SMALL, HEADLINE_SIZE.XXLARGE, null, HEADLINE_SIZE.XXXLARGE])), /*#__PURE__*/React.createElement(Headline, _extends({
    size: [HEADLINE_SIZE.SMALL, HEADLINE_SIZE.XXLARGE, null, HEADLINE_SIZE.XXXLARGE]
  }, args), "Test"), /*#__PURE__*/React.createElement("h3", {
    className: "component__story-name"
  }, responsivePropsStoryLabel('transform', [HEADLINE_TRANSFORM.UPPERCASE, HEADLINE_TRANSFORM.LOWERCASE, null, HEADLINE_TRANSFORM.CAPITALIZE])), /*#__PURE__*/React.createElement(Headline, _extends({
    transform: [HEADLINE_TRANSFORM.UPPERCASE, HEADLINE_TRANSFORM.LOWERCASE, null, HEADLINE_TRANSFORM.CAPITALIZE]
  }, args), "Test"), /*#__PURE__*/React.createElement("h3", {
    className: "component__story-name"
  }, responsivePropsStoryLabel('extraBold', [true, false, null, true])), /*#__PURE__*/React.createElement(Headline, _extends({
    extraBold: [true, false, null, true]
  }, args), "Test"), /*#__PURE__*/React.createElement("h3", {
    className: "component__story-name"
  }, responsivePropsStoryLabel('align', [HEADLINE_ALIGN.LEFT, HEADLINE_ALIGN.RIGHT, null, HEADLINE_ALIGN.LEFT])), /*#__PURE__*/React.createElement(Headline, _extends({
    align: [HEADLINE_ALIGN.LEFT, HEADLINE_ALIGN.RIGHT, null, HEADLINE_ALIGN.LEFT]
  }, args), "Test"));
};
ResponsiveProps.parameters = {
  chromatic: {
    viewports: [680, 900, 1100, 1500]
  }
};

var _HeadlineStories$defa = HeadlineStories.default,
    includeStories = _HeadlineStories$defa.includeStories,
    meta = _objectWithoutProperties(_HeadlineStories$defa, ["includeStories"]);

export var Default = generateChromaticStory(HeadlineStories);
export default meta;