import React from 'react';
import classNames from 'classnames';
import { jsx as _jsx } from "react/jsx-runtime";
export function ActionBarSection({
  actionsList,
  position
}) {
  return /*#__PURE__*/_jsx("div", {
    className: classNames('actions-list', `${position}-actions-list`),
    children: actionsList.map(({
      element,
      testId,
      className,
      key
    }, index) => element && /*#__PURE__*/_jsx("div", {
      className: classNames('action-bar-item', className),
      "test-id": testId,
      children: element
    }, key || index))
  });
}