import React from 'react';
import classNames from 'classnames';
import { SoftTitle } from '../Title';
import { SoftNavDrawerGroup } from './SoftNavDrawerGroup';
export const SoftNavDrawerFlyout = ({ className, title, isCollapsed, listItems, wrapText, ...rest }) => {
    const classes = classNames('softNavDrawerFlyout', {
        'softNavDrawerFlyout-isCollapsed': isCollapsed,
        'softNavDrawerFlyout-isExpanded': !isCollapsed,
    }, className);
    return (React.createElement("div", Object.assign({ className: classes, "aria-labelledby": "navDrawerFlyoutTitle" }, rest),
        React.createElement(SoftTitle, { className: "softNavDrawerFlyout__title", tabIndex: "-1", size: "xxs" },
            React.createElement("h5", { id: "navDrawerFlyoutTitle" }, title)),
        React.createElement(SoftNavDrawerGroup, { className: "softNavDrawerFlyout__listGroup", listItems: listItems, wrapText: wrapText })));
};
//# sourceMappingURL=SoftNavDrawerFlyout.js.map