@nodeject/ui-components/esm/schedio-layout/sider/Sider.js

UI library for non-trivial components

import cc from 'classcat';
import * as React from 'react';
import * as styles from './Sider.module.less';
export var Sider = function (props) {
    var _a;
    return (React.createElement("aside", { className: cc((_a = {
                schedioLayoutSider: true
            },
            _a[styles["" + (props.side === 'left'
                ? 'schedioLayoutSiderLeft'
                : 'schedioLayoutSiderRight')]] = true,
            _a[props.className] = props.className,
            _a)), style: props.style },
        React.createElement("div", { className: styles.siderWrapper }, props.children)));
};
Sider.defaultProps = {
    collapsible: false,
    fixed: false,
    side: 'left'
};
Sider.displayName = 'SchedioLayoutSider';