stackpress
Version:
Incept is a content management framework.
13 lines (12 loc) • 986 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export default function LayoutLeft(props) {
const { brand, base, logo, head, open, toggle, children } = props;
const classNames = ['layout-left'];
if (head) {
classNames.push('head');
}
if (open) {
classNames.push('open');
}
return (_jsxs("aside", { className: classNames.join(' '), children: [_jsxs("header", { children: [_jsx("h3", { className: "brand", children: base ? (_jsxs("a", { href: base, children: [logo && _jsx("img", { src: logo, alt: brand, className: "logo" }), brand && _jsx("span", { className: "label", children: brand })] })) : (_jsxs("span", { children: [logo && _jsx("img", { src: logo, alt: brand, className: "logo" }), brand && _jsx("span", { className: "label", children: brand })] })) }), _jsx("button", { className: "back", onClick: toggle, children: _jsx("i", { className: "fas fa-chevron-left" }) })] }), _jsx("main", { children: children })] }));
}