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

var _templateObject, _templateObject2, _templateObject3;

import React from 'react';
import styled from 'styled-components';
import { RadioInput } from '../../../AccountSettings/Components';
import { ProfileElementContainer } from '../../../Common';

var Subscription = (_ref) => {
  var {
    header,
    description,
    isChecked,
    handleClick
  } = _ref;
  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(RadioInput, {
    isChecked: isChecked,
    onChange: handleClick
  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Header, null, header)));
};

var Container = styled(ProfileElementContainer)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
var Header = styled.h3.attrs({
  className: 'mb-2'
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  font-weight: 500;\n  font-size: ", ";\n  line-height: 1.5;\n"])), (_ref2) => {
  var {
    theme
  } = _ref2;
  return theme.typography.defaultSize;
});
var Paragraph = styled.p.attrs({
  className: 'pb-3'
})(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  font-weight: 300;\n"])));
export { Subscription };
//# sourceMappingURL=index.js.map