"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MixinsStackee = exports.MixinsSpacing = exports.Tabular = exports.Numerical = exports.Formatting = exports.Color = exports.Scale = exports["default"] = void 0;

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

var _text = require("./text.component");

var _marginChecker = require("../../../mixins/spacing/story-support/margin-checker");

var _paddingChecker = require("../../../mixins/spacing/story-support/padding-checker");

var _stackeeChecker = require("../../../mixins/stackee/story-support/stackee-checker");

var _text2 = _interopRequireDefault(require("./text.mdx"));

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

var _default = {
  component: _text.Text,
  title: '2 - System/Typography/Text',
  parameters: {
    docs: {
      page: _text2["default"]
    }
  }
};
exports["default"] = _default;

var Scale = function Scale() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_text.Text, {
    fontSize: "f1"
  }, "f1: The quick red fox jumped over the lazy dogs."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    fontSize: "f2"
  }, "f2: The quick red fox jumped over the lazy dogs."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    fontSize: "f3"
  }, "f3: The quick red fox jumped over the lazy dogs."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    fontSize: "f4"
  }, "f4: The quick red fox jumped over the lazy dogs."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    fontSize: "f5"
  }, "f5: The quick red fox jumped over the lazy dogs."));
};

exports.Scale = Scale;

var Color = function Color() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_text.Text, {
    colorName: "success-fg"
  }, "Success! Something good happened."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    colorName: "error-fg"
  }, "Oops! Something went wrong!"), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    colorName: "info-fg"
  }, "Something neutral happened."));
};

exports.Color = Color;

var Formatting = function Formatting() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_text.Text, {
    bold: true
  }, "Sphinx of black quartz, judge my vow."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    underlined: true
  }, "Sphinx of black quartz, judge my vow."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    italic: true
  }, "Sphinx of black quartz, judge my vow."), /*#__PURE__*/_react["default"].createElement(_text.Text, {
    casing: "uppercase"
  }, "Sphinx of black quartz, judge my vow."));
};

exports.Formatting = Formatting;

var Numerical = function Numerical() {
  return /*#__PURE__*/_react["default"].createElement(_text.Text, null, "$1,234,567.89");
};

exports.Numerical = Numerical;

var Tabular = function Tabular() {
  return /*#__PURE__*/_react["default"].createElement(_text.Text, {
    tabular: true
  }, "Tabular Data");
};

exports.Tabular = Tabular;

var MixinsSpacing = function MixinsSpacing() {
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, {
    Component: _text.Text
  }, "Hello"), /*#__PURE__*/_react["default"].createElement(_paddingChecker.PaddingChecker, {
    Component: _text.Text
  }, "Hello"));
};

exports.MixinsSpacing = MixinsSpacing;

var MixinsStackee = function MixinsStackee() {
  return /*#__PURE__*/_react["default"].createElement(_stackeeChecker.StackeeChecker, {
    Component: _text.Text
  }, "Hello");
};

exports.MixinsStackee = MixinsStackee;