import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ArrowBackIcon } from '../../../lib/icons/ArrowBack.js';
export function ContentHeader(props) {
    const { title, onBack, subheading } = props;
    if (title == null && onBack == null) {
        return null;
    }
    return (_jsxs("div", { className: 'seam-content-header', children: [_jsx(BackIcon, { onClick: onBack }), _jsxs("div", { children: [_jsx("span", { className: 'seam-title', children: title }), subheading != null && (_jsx("span", { className: 'seam-subheading', children: subheading }))] })] }));
}
function BackIcon(props) {
    if (props.onClick == null) {
        return null;
    }
    return _jsx(ArrowBackIcon, { className: 'seam-back-icon', onClick: props.onClick });
}
//# sourceMappingURL=ContentHeader.js.map