import { __assign } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import cn from 'classnames';
function TabPanel(props) {
    var actived = props.actived, className = props.className, unmountOnHide = props.unmountOnHide, children = props.children;
    if (!actived && unmountOnHide) {
        return null;
    }
    var displayStyle = actived ? {} : { display: 'none' };
    var panelCls = cn('zent-tabs-panel', className);
    return (_jsx("div", __assign({ role: "tabpanel", style: displayStyle, className: panelCls, "data-zv": 'v10.0.12' }, { children: children }), void 0));
}
export default TabPanel;
