import { createElement, Fragment } from "react";
/**
 * External dependencies
 */
import classnames from 'classnames';

/**
 * Internal dependencies
 */
import { Mark, MarkLabel } from './styles/range-control-styles';
export default function RangeMark(props) {
  const {
    className,
    isFilled = false,
    label,
    style = {},
    ...otherProps
  } = props;
  const classes = classnames('components-range-control__mark', isFilled && 'is-filled', className);
  const labelClasses = classnames('components-range-control__mark-label', isFilled && 'is-filled');
  return createElement(Fragment, null, createElement(Mark, {
    ...otherProps,
    "aria-hidden": "true",
    className: classes,
    isFilled: isFilled,
    style: style
  }), label && createElement(MarkLabel, {
    "aria-hidden": "true",
    className: labelClasses,
    isFilled: isFilled,
    style: style
  }, label));
}
//# sourceMappingURL=mark.js.map