/* index.tsx generated by @compiled/babel-plugin v0.38.1 */
import "./index.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import AKBadge from '@atlaskit/badge';
const badgeStyles = null;

/**
 * A base element that displays a visual indicator for a numeric value
 * @internal
 * @see StoryPoints
 * */

const BaseAtlaskitElementBadge = ({
  value,
  name,
  className,
  testId = 'smart-element-atlaskit-badge'
}) => {
  if (!value) {
    return null;
  }
  return /*#__PURE__*/React.createElement("span", {
    "data-smart-element": name,
    "data-smart-element-atlaskit-badge": true,
    "data-testid": testId
    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
    ,
    className: ax(["_4cvr1h6o _1e0c116y _1ul91ns9", className])
  }, /*#__PURE__*/React.createElement(AKBadge, null, value));
};
export default BaseAtlaskitElementBadge;
export const toAtlaskitBadgeProps = value => {
  return value ? {
    value
  } : undefined;
};