function TableSortLabel(props) {
  var active = props.active,
      classes = props.classes,
      classNameProp = props.className,
      children = props.children,
      direction = props.direction,
      other = (0, _objectWithoutProperties3.default)(props, ['active', 'classes', 'className', 'children', 'direction']);

  var className = (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.active, active), classNameProp);

  var iconClasses = (0, _classnames2.default)(classes.icon, (0, _defineProperty3.default)({}, classes[direction], !!direction));

  return _react2.default.createElement(
    _ButtonBase2.default,
    (0, _extends3.default)({ className: className, component: 'span', disableRipple: true }, other),
    children,
    _react2.default.createElement(_arrowDownward2.default, { className: iconClasses })
  );
}
/**
 * A button based label for placing inside `TableCell` for column sorting.
 */
A button based label for placing inside `TableCell` for column sorting.
A button based label for placing inside ` TableCell ` for column sorting .
function TableSortLabel(props) {
  var active = props.active,
      classes = props.classes,
      classNameProp = props.className,
      children = props.children,
      direction = props.direction,
      other = (0, _objectWithoutProperties3.default)(props, ['active', 'classes', 'className', 'children', 'direction']);
  var className = (0, _classnames2.default)(classes.root, (0, _defineProperty3.default)({}, classes.active, active), classNameProp);
  var iconClasses = (0, _classnames2.default)(classes.icon, (0, _defineProperty3.default)({}, classes[direction], !!direction));
  return _react2.default.createElement(
    _ButtonBase2.default,
    (0, _extends3.default)({ className: className, component: 'span', disableRipple: true }, other),
    children,
    _react2.default.createElement(_arrowDownward2.default, { className: iconClasses })
  );
}
function TableSortLabel ( props ) { var active = props . active , classes = props . classes , classNameProp = props . className , children = props . children , direction = props . direction , other = ( 0 , _objectWithoutProperties3 . default ) ( props , [ 'active' , 'classes' , 'className' , 'children' , 'direction' ] ) ; var className = ( 0 , _classnames2 . default ) ( classes . root , ( 0 , _defineProperty3 . default ) ( { } , classes . active , active ) , classNameProp ) ; var iconClasses = ( 0 , _classnames2 . default ) ( classes . icon , ( 0 , _defineProperty3 . default ) ( { } , classes [ direction ] , ! ! direction ) ) ; return _react2 . default . createElement ( _ButtonBase2 . default , ( 0 , _extends3 . default ) ( { className : className , component : 'span' , disableRipple : true } , other ) , children , _react2 . default . createElement ( _arrowDownward2 . default , { className : iconClasses } ) ) ; }
A button based label for placing inside `TableCell` for column sorting.
A button based label for placing inside ` TableCell ` for column sorting .