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

var _templateObject, _templateObject2;

import React from 'react';
import styled, { css } from 'styled-components';
import { Typography } from '../../../../Common';
export var CheckoutTitle = (_ref) => {
  var {
    data,
    small,
    className
  } = _ref;
  var defaultClassName = small ? 'mt-2 mb-3' : 'mt-4 pt-2 mb-4';
  return /*#__PURE__*/React.createElement(Title, {
    className: className || defaultClassName,
    small: small
  }, data);
};
var Title = styled(Typography).attrs(props => ({
  as: props.small ? 'h4' : 'h3',
  variant: 3
}))(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  font-weight: bold;\n  line-height: 1;\n  text-transform: uppercase;\n\n  ", "\n"])), props => props.small && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: 1.8rem;\n    "]))));
//# sourceMappingURL=index.js.map