/* side-nav-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./side-nav-footer.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
const styles = {
  root: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _7myae4h9 _1sw7nqa1 _qgnumuej"
};

/**
 * The bottom part of the side nav.
 */
export const SideNavFooter = ({
  /**
   * The content of the layout area.
   */
  children,
  xcss
}) => {
  return /*#__PURE__*/React.createElement("div", {
    className: ax([styles.root, xcss])
  }, children);
};