/* flyout-body.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./flyout-body.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
var bodyStyles = {
  root: "_1e0c1txw _2lx21bp4 _18m91wug _4t3i1osq _1bahv2br _ahbqx0bf _12l2x0bf _bozgu2gc _y4tiu2gc"
};
/**
 * __Flyout menu item body__
 *
 * The main section of a flyout menu. This component is used to render the
 * primary contents of the flyout menu. This component should be placed between
 * FlyoutHeader and FlyoutFooter (if present), as is scrollable if the content
 * exceeds the available space.
 */
export var FlyoutBody = function FlyoutBody(props) {
  var children = props.children,
    testId = props.testId;
  return /*#__PURE__*/React.createElement("div", {
    "data-testid": testId,
    className: ax([bodyStyles.root])
  }, children);
};