import React from 'react';
import { useFlexibleCardContext } from '../../../../../state/flexible-ui-context';
const CustomByStatusElement = ({
  className,
  testId = 'custom-by-status-element',
  ...props
}) => {
  const context = useFlexibleCardContext();
  const status = context === null || context === void 0 ? void 0 : context.status;
  if (!status) {
    return null;
  }
  const component = props[status];
  if (!component) {
    return null;
  }
  return /*#__PURE__*/React.createElement("span", {
    "data-separator": true,
    "data-smart-element": "custom-element",
    "data-smart-element-text": true,
    "data-testid": testId
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    ,
    className: className
  }, component);
};
export default CustomByStatusElement;