import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import React from 'react';
import styled from 'styled-components';
import { Button } from '../../../../../Common';
import { IconFavorites } from '../../../../../Common/Icons';

var AddToFavoritesButton = props => {
  var {
    onClick,
    isFavorite
  } = props;
  return /*#__PURE__*/React.createElement(Button, {
    onClick: onClick,
    variant: "light",
    bordered: true,
    fullWidth: true,
    borderRadius: "large"
  }, /*#__PURE__*/React.createElement(FavouriteContainer, {
    active: isFavorite
  }, /*#__PURE__*/React.createElement(IconFavorites, null)));
};

export { AddToFavoritesButton };
var FavouriteContainer = styled.span.attrs({
  className: 'd-flex align-items-center justify-content-center'
})(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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"])), props => props.active ? 'currentColor' : 'none');
//# sourceMappingURL=index.js.map