import React from 'react';
import { Typography, useTheme } from '@material-ui/core';
import PropTypes from 'prop-types';
export const StylizedTitle = ({ children, color, component = 'h2' }) => {
    const theme = useTheme();
    return (React.createElement("div", { style: {
            borderLeft: `4px solid ${color || theme.palette.secondary.main}`,
            paddingLeft: 8
        } }, React.createElement(Typography, { variant: "h6", component: component }, children)));
};
StylizedTitle.propTypes = {
    /**
     * Wraps the title
     */
    children: PropTypes.node.isRequired,
    /**
     * Provides a color block
     */
    color: PropTypes.string,
    /**
     * Header Tag override. Defaults to H2
     */
    component: PropTypes.string
};
StylizedTitle.defaultProps = {
    component: 'h2'
};
//# sourceMappingURL=StylizedTitle.js.map