import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
import _extends from "@babel/runtime/helpers/esm/extends";
import * as TextBitStories from './TextBit.stories.mdx';
import { generateChromaticStory, responsivePropsStoryLabel } from '../../chromatic/utils';
import React from 'react';
import TextBit, { TEXT_BIT_SIZE } from './TextBit';
export var ResponsiveProps = function ResponsiveProps(args) {
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
    className: "component__story-name"
  }, responsivePropsStoryLabel('size', [TEXT_BIT_SIZE.MEDIUM, null, TEXT_BIT_SIZE.LARGE, TEXT_BIT_SIZE.XLARGE])), /*#__PURE__*/React.createElement(TextBit, _extends({
    size: [TEXT_BIT_SIZE.MEDIUM, null, TEXT_BIT_SIZE.LARGE, TEXT_BIT_SIZE.XLARGE]
  }, args), "Test"));
};
ResponsiveProps.parameters = {
  chromatic: {
    viewports: [680, 900, 1100, 1500]
  }
};

var _TextBitStories$defau = TextBitStories.default,
    includeStories = _TextBitStories$defau.includeStories,
    meta = _objectWithoutProperties(_TextBitStories$defau, ["includeStories"]);

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