@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
9 lines (8 loc) • 780 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { BiChevronDown } from "react-icons/bi";
import { VuiFlexContainer } from "../flex/FlexContainer";
import { VuiFlexItem } from "../flex/FlexItem";
import { VuiIcon } from "../icon/Icon";
export const VuiTableHeaderCell = ({ name, header, onSort }) => {
return (_jsxs(VuiFlexContainer, Object.assign({ spacing: "xxs", alignItems: "center", justifyContent: "start" }, { children: [_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: header.render ? header.render() : name })), onSort && header.isSortable && (_jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIcon, Object.assign({ size: "s" }, { children: _jsx(BiChevronDown, {}) })) })))] })));
};