"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SpanStyling = exports.Color = exports.Size = exports.DefaultOnClick = exports.DefaultHref = exports["default"] = void 0;

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

var _addonActions = require("@storybook/addon-actions");

var _link = require("./link.component");

var _span = require("../span/span.component");

var _link2 = _interopRequireDefault(require("./link.mdx"));

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

var _default = {
  component: _link.Link,
  title: 'Components/Actions/Link',
  parameters: {
    docs: {
      page: _link2["default"]
    }
  }
};
exports["default"] = _default;

var DefaultHref = function DefaultHref() {
  return /*#__PURE__*/_react["default"].createElement(_link.Link, {
    href: "https://wealthsimple.com",
    target: "_blank"
  }, "Anchor Element");
};

exports.DefaultHref = DefaultHref;

var DefaultOnClick = function DefaultOnClick() {
  return /*#__PURE__*/_react["default"].createElement(_link.Link, {
    onClick: (0, _addonActions.action)('clicked')
  }, "Button Element");
};

exports.DefaultOnClick = DefaultOnClick;

var Size = function Size() {
  return /*#__PURE__*/_react["default"].createElement(_link.Link, {
    href: "https://wealthsimple.com",
    fontSize: "f5",
    target: "_blank"
  }, "Wealthsimple with f5 Size");
};

exports.Size = Size;

var Color = function Color() {
  return /*#__PURE__*/_react["default"].createElement(_link.Link, {
    href: "https://wealthsimple.com",
    colorName: "brand-secondary-fg",
    target: "_blank"
  }, "Wealthsimple with secondary brand color");
};

exports.Color = Color;

var SpanStyling = function SpanStyling() {
  return /*#__PURE__*/_react["default"].createElement(_link.Link, {
    href: "https://wealthsimple.com",
    colorName: "brand-secondary-fg",
    target: "_blank"
  }, /*#__PURE__*/_react["default"].createElement(_span.Span, {
    fontSize: "f3",
    bold: true,
    italic: true
  }, "Wealthsimple"));
};

exports.SpanStyling = SpanStyling;