"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const styled_components_1 = __importDefault(require("styled-components"));
const styled_system_1 = require("styled-system");
const Box_1 = require("../Box");
const headingStyle = styled_system_1.variant({
    key: 'headings',
});
const StyledHeading = styled_components_1.default(Box_1.Box) `
  ${headingStyle};
  ${styled_system_1.color};
  ${styled_system_1.fontWeight};
  ${styled_system_1.lineHeight};
  ${styled_system_1.fontSize};
  ${styled_system_1.letterSpacing}
`;
exports.Heading = Object.assign(StyledHeading, {
    defaultProps: {
        as: 'h2',
        variant: 'h3',
        lineHeight: 'normal',
        mt: 0,
        mb: 0,
    },
});
//# sourceMappingURL=Heading.js.map