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

DNB Eufemia Design System UI Library

"use client";

import { useContext } from 'react';
import { clsx } from 'clsx';
import Button from "../button/Button.js";
import Icon from "../icon/Icon.js";
import { arrow_down, arrow_up } from "../../icons/index.js";
import { TableThContext } from "./TableThContext.js";
import { jsx as _jsx } from "react/jsx-runtime";
const sortIcon = Icon.transition({
  asc: arrow_down,
  desc: arrow_up
});
export default function TableSortButton({
  className = null,
  ...props
}) {
  const thContext = useContext(TableThContext);
  return _jsx(Button, {
    className: clsx('dnb-table__sort-button', className),
    variant: "tertiary",
    icon: sortIcon,
    transitionState: thContext?.reversed ? 'desc' : 'asc',
    wrap: true,
    ...props
  });
}
//# sourceMappingURL=TableSortButton.js.map