@massds/mayflower-react
Version:
React versions of Mayflower design system UI components
28 lines (25 loc) • 816 B
JavaScript
/**
* SidebarHeading module.
* @module @massds/mayflower-react/SidebarHeading
* @requires module:@massds/mayflower-assets/scss/01-atoms/sidebar-heading
*/
import React from "react";
import PropTypes from "prop-types";
const SidebarHeading = props => {
const sidebarHeading = props;
const Element = "h" + (sidebarHeading.level || 2);
return /*#__PURE__*/React.createElement(Element, {
className: "ma__sidebar-heading"
}, sidebarHeading.title);
};
SidebarHeading.propTypes = process.env.NODE_ENV !== "production" ? {
/** The heading level e.g. H1, H2, etc. */
level: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
/** The title text shown by the heading */
title: PropTypes.string
} : {};
SidebarHeading.defaultProps = {
level: 2,
title: ''
};
export default SidebarHeading;