/* NewSortingIcon.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./NewSortingIcon.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { SortAscendingIcon, SortDescendingIcon } from '@atlaskit/editor-toolbar';
import { SortOrder } from '../types';
var newIconWrapperStyles = {
  base: "_v5642l60 _1bsb7vkz _4t3i7vkz _1e0c1txw _1bah1h6o _4cvr1h6o _8hrz1qre",
  inactive: "_tzy415iw"
};
export var NewSortingIcon = function NewSortingIcon(_ref) {
  var sortOrdered = _ref.sortOrdered;
  return /*#__PURE__*/React.createElement("div", {
    className: ax([newIconWrapperStyles.base, sortOrdered === SortOrder.NO_ORDER && newIconWrapperStyles.inactive])
  }, sortOrdered === SortOrder.DESC ? /*#__PURE__*/React.createElement(SortAscendingIcon, {
    spacing: "none",
    label: ""
  }) : /*#__PURE__*/React.createElement(SortDescendingIcon, {
    spacing: "none",
    label: ""
  }));
};