"use strict";

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

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

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

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

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

var _Components = require("../../../AccountSettings/Components");

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

var _templateObject, _templateObject2, _templateObject3;

var Subscription = function Subscription(_ref) {
  var header = _ref.header,
      description = _ref.description,
      isChecked = _ref.isChecked,
      handleClick = _ref.handleClick;
  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(_Components.RadioInput, {
    isChecked: isChecked,
    onChange: handleClick
  }), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(Header, null, header)));
};

exports.Subscription = Subscription;
var Container = (0, _styledComponents["default"])(_Common.ProfileElementContainer)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  display: flex;\n"])));

var Header = _styledComponents["default"].h3.attrs({
  className: 'mb-2'
})(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  font-weight: 500;\n  font-size: ", ";\n  line-height: 1.5;\n"])), function (_ref2) {
  var theme = _ref2.theme;
  return theme.typography.defaultSize;
});

var Paragraph = _styledComponents["default"].p.attrs({
  className: 'pb-3'
})(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2["default"])(["\n  font-weight: 300;\n"])));
//# sourceMappingURL=index.js.map