"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MultipleStyledSubstrings = exports.LongWrappingText = exports.NoStyledText = exports.NoSuffix = exports.NoPrefix = exports.Bold = exports.Default = exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _index = require("./index");

var _inlineStyledText = _interopRequireDefault(require("./inline-styled-text.mdx"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

var _default = {
  component: _index.InlineStyledText,
  title: 'One-off/InlineStyledText',
  parameters: {
    docs: {
      page: _inlineStyledText["default"]
    }
  }
};
exports["default"] = _default;
var DEFAULT_PROPS = {
  baseSpanProps: {
    fontSize: 'f5'
  },
  inlineSpanProps: {
    casing: 'uppercase',
    colorName: 'brand-secondary-fg'
  }
};

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is the [[styled]] text."
  }));
};

exports.Default = Default;

var Bold = function Bold() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is the [[styled]] text.",
    baseSpanProps: {
      fontSize: 'f5',
      bold: true
    }
  }));
};

exports.Bold = Bold;

var NoPrefix = function NoPrefix() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "[[styled]] text."
  }));
};

exports.NoPrefix = NoPrefix;

var NoSuffix = function NoSuffix() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is [[styled]]"
  }));
};

exports.NoSuffix = NoSuffix;

var NoStyledText = function NoStyledText() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is the text."
  }));
};

exports.NoStyledText = NoStyledText;

var LongWrappingText = function LongWrappingText() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is a longer sentence with [[more styled text]] than ever before while being so long that it wraps!!"
  }));
};

exports.LongWrappingText = LongWrappingText;

var MultipleStyledSubstrings = function MultipleStyledSubstrings() {
  return /*#__PURE__*/_react["default"].createElement(_index.InlineStyledText, _extends({}, DEFAULT_PROPS, {
    text: "This is a sentence with [[styled text]] and [[even more here]]"
  }));
};

exports.MultipleStyledSubstrings = MultipleStyledSubstrings;