/* flyout-footer.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./flyout-footer.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
const footerStyles = {
  root: "_7myae4h9 _1sw7nqa1 _qgnu1l7x _1q51u2gc"
};
/**
 * __Flyout menu item footer__
 *
 * The footer section of a flyout menu. This component can display
 * supplementary actions or information at the bottom of the flyout menu. This
 * component should be placed after FlyoutBody within the FlyoutMenuItemContent.
 */
export const FlyoutFooter = props => {
  const {
    children,
    testId
  } = props;
  return /*#__PURE__*/React.createElement("div", {
    "data-testid": testId,
    className: ax([footerStyles.root])
  }, children);
};