@atlaskit/drawer/dist/esm/drawer-panel/drawer-sidebar.js

A drawer is a panel that slides in from the left side of the screen.

/* drawer-sidebar.tsx generated by @compiled/babel-plugin v3.0.2 */
import "./drawer-sidebar.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { useEnsureIsInsideDrawer } from '../use-ensure-is-inside-drawer';
var styles = {
  default: "_4cvr1h6o _vchhusvi _syazazsu _1e0c1txw _1o9zidpf _2lx21bp4 _4t3i1kxc _85i5pxbi _1q511ejb _1bsbxncg"
};

/**
 * __Drawer sidebar__
 *
 * The sidebar of the drawer panel.
 */
export var DrawerSidebar = function DrawerSidebar(_ref) {
  var children = _ref.children,
    xcss = _ref.xcss;
  useEnsureIsInsideDrawer();
  return /*#__PURE__*/React.createElement("div", {
    className: ax([styles.default, xcss]),
    "data-testid": "drawer-sidebar"
  }, children);
};