@dnb/eufemia/cjs/components/table/TableSortButton.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = TableSortButton;
var _react = require("react");
var _clsx = require("clsx");
var _Button = _interopRequireDefault(require("../button/Button.js"));
var _Icon = _interopRequireDefault(require("../icon/Icon.js"));
var _index = require("../../icons/index.js");
var _TableThContext = require("./TableThContext.js");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const sortIcon = _Icon.default.transition({
  asc: _index.arrow_down,
  desc: _index.arrow_up
});
function TableSortButton({
  className = null,
  ...props
}) {
  const thContext = (0, _react.useContext)(_TableThContext.TableThContext);
  return (0, _jsxRuntime.jsx)(_Button.default, {
    className: (0, _clsx.clsx)('dnb-table__sort-button', className),
    variant: "tertiary",
    icon: sortIcon,
    transitionState: thContext?.reversed ? 'desc' : 'asc',
    wrap: true,
    ...props
  });
}
//# sourceMappingURL=TableSortButton.js.map