"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MixinsMarginOnlySpacing = exports.Inverted = exports.GreyscaleColor = exports.ErrorColor = exports.InfoColor = exports.SecondaryColor = exports.PrimaryColor = exports.Default = exports["default"] = void 0;

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

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

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

var _tag = _interopRequireDefault(require("./tag.mdx"));

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

var _default = {
  component: _index.Tag,
  title: 'Feedback UI/Tag',
  parameters: {
    docs: {
      page: _tag["default"]
    }
  }
};
exports["default"] = _default;

var Default = function Default() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: undefined
  }, "RRSP");
};

exports.Default = Default;

var PrimaryColor = function PrimaryColor() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: "primary"
  }, "RRSP");
};

exports.PrimaryColor = PrimaryColor;

var SecondaryColor = function SecondaryColor() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: "secondary"
  }, "RRSP");
};

exports.SecondaryColor = SecondaryColor;

var InfoColor = function InfoColor() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: "info"
  }, "RRSP");
};

exports.InfoColor = InfoColor;

var ErrorColor = function ErrorColor() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: "error"
  }, "RRSP");
};

exports.ErrorColor = ErrorColor;

var GreyscaleColor = function GreyscaleColor() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    color: "greyscale"
  }, "RRSP");
};

exports.GreyscaleColor = GreyscaleColor;

var Inverted = function Inverted() {
  return /*#__PURE__*/_react["default"].createElement(_index.Tag, {
    inverted: true,
    color: undefined
  }, "RRSP");
};

exports.Inverted = Inverted;

var MixinsMarginOnlySpacing = function MixinsMarginOnlySpacing() {
  return /*#__PURE__*/_react["default"].createElement(_marginChecker.MarginChecker, {
    Component: _index.Tag
  }, "RRSP");
};

exports.MixinsMarginOnlySpacing = MixinsMarginOnlySpacing;