import _extends from "@babel/runtime/helpers/extends";
import "core-js/modules/es.string.link.js";
import * as React from 'react';
import { Button, TextLink } from '@megafon/ui-core';
import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
import "./ButtonLinkBox.css";
var cn = cnCreate('mfui-9-button-link-box');
var ButtonLinkBox = function ButtonLinkBox(_ref) {
  var dataAttrs = _ref.dataAttrs,
    rootRef = _ref.rootRef,
    buttonTitle = _ref.buttonTitle,
    buttonUrl = _ref.buttonUrl,
    buttonDownload = _ref.buttonDownload,
    _ref$buttonColor = _ref.buttonColor,
    buttonColor = _ref$buttonColor === void 0 ? 'green' : _ref$buttonColor,
    _ref$buttonType = _ref.buttonType,
    buttonType = _ref$buttonType === void 0 ? 'primary' : _ref$buttonType,
    buttonRel = _ref.buttonRel,
    linkTitle = _ref.linkTitle,
    linkUrl = _ref.linkUrl,
    linkDownload = _ref.linkDownload,
    linkRel = _ref.linkRel,
    align = _ref.align,
    className = _ref.className,
    buttonTarget = _ref.buttonTarget,
    linkTarget = _ref.linkTarget,
    _ref$classes = _ref.classes,
    classes = _ref$classes === void 0 ? {} : _ref$classes,
    onButtonClick = _ref.onButtonClick,
    onLinkClick = _ref.onLinkClick;
  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
    className: cn({
      'h-align': align
    }, [className, classes.root]),
    ref: rootRef
  }), buttonTitle && /*#__PURE__*/React.createElement("div", {
    className: cn('row')
  }, /*#__PURE__*/React.createElement(Button, {
    dataAttrs: {
      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
    },
    className: classes.button,
    href: buttonUrl,
    theme: buttonColor,
    type: buttonType,
    onClick: onButtonClick,
    target: buttonTarget,
    download: buttonDownload,
    rel: buttonRel
  }, buttonTitle)), linkTitle && /*#__PURE__*/React.createElement("div", {
    className: cn('row')
  }, /*#__PURE__*/React.createElement(TextLink, {
    dataAttrs: {
      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.link
    },
    className: classes.link,
    href: linkUrl,
    download: linkDownload,
    underlineVisibility: "always",
    target: linkTarget,
    rel: linkRel,
    onClick: onLinkClick
  }, linkTitle)));
};
export default ButtonLinkBox;