"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.AddToFavoritesButton = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Common = require("../../../../../Common");

var _Icons = require("../../../../../Common/Icons");

var _templateObject;

var AddToFavoritesButton = function AddToFavoritesButton(props) {
  var onClick = props.onClick,
      isFavorite = props.isFavorite;
  return /*#__PURE__*/_react["default"].createElement(_Common.Button, {
    onClick: onClick,
    variant: "light",
    bordered: true,
    fullWidth: true,
    borderRadius: "large"
  }, /*#__PURE__*/_react["default"].createElement(FavouriteContainer, {
    active: isFavorite
  }, /*#__PURE__*/_react["default"].createElement(_Icons.IconFavorites, null)));
};

exports.AddToFavoritesButton = AddToFavoritesButton;

var FavouriteContainer = _styledComponents["default"].span.attrs({
  className: 'd-flex align-items-center justify-content-center'
})(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: 100%;\n\n  & > span {\n    display: block;\n  }\n\n  & svg {\n    width: 2.5rem;\n    height: 2.5rem;\n    position: relative;\n    fill: ", ";\n  }\n"])), function (props) {
  return props.active ? 'currentColor' : 'none';
});
//# sourceMappingURL=index.js.map