@vlsergey/react-bootstrap-pagetable/lib/esm/controlled/DefaultItemFieldCellLinkWrapper.js

Complex solution to work with pageable data, including sorting, filtering, actions, changing displayed columns, etc.

/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import React from 'react';
function DefaultItemFieldCellLinkWrapper(_a) {
    var children = _a.children, hyperlink = _a.hyperlink;
    return jsx("a", { css: css("\n& {\ndisplay: block;\nheight: 100%;\n}\n.table & {\nmargin: -0.75rem;\npadding: 0.75rem;\nheight: calc(100% + 2 * 0.75rem);\n}\n.table-sm & {\nmargin: -0.3rem;\npadding: 0.3rem;\nheight: calc(100% + 2 * 0.3rem);\n}\n"), href: hyperlink }, children);
}
export default React.memo(DefaultItemFieldCellLinkWrapper);