@sb1/ffe-core-react/lib/typography/Heading.js

React components for ffe-core components

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Heading6 = exports.Heading5 = exports.Heading4 = exports.Heading3 = exports.Heading2 = exports.Heading1 = void 0;
const react_1 = __importDefault(require("react"));
const classnames_1 = __importDefault(require("classnames"));
const Heading = react_1.default.forwardRef(({ children, className, error, inline, noMargin, withBorder, lookLike, textCenter, level, ...rest }, ref) => {
    const headingClass = `ffe-h${lookLike ? lookLike : level}`;
    return react_1.default.createElement(`h${level}`, {
        ...rest,
        ref,
        className: (0, classnames_1.default)(headingClass, { [`${headingClass}--error`]: error }, { [`${headingClass}--inline`]: inline }, { [`${headingClass}--no-margin`]: noMargin }, { [`${headingClass}--with-border`]: withBorder }, { [`${headingClass}--text-center`]: textCenter }, className),
    }, children);
});
exports.Heading1 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 1 }));
exports.Heading2 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 2 }));
exports.Heading3 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 3 }));
exports.Heading4 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 4 }));
exports.Heading5 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 5 }));
exports.Heading6 = react_1.default.forwardRef((props, ref) => react_1.default.createElement(Heading, { ...props, ref: ref, level: 6 }));