@wix/design-system
Version:
@wix/design-system
13 lines • 1.06 kB
JavaScript
import React from 'react';
import Box from '../../Box';
import Checkbox from '../../Checkbox/Checkbox';
import Text from '../../Text/Text';
import { classes } from './RowNumberCell.st.css.js';
export const RowNumberCell = ({ rowNum, checked, disabled, tooltipContent, dataHook, }) => {
const checkbox = (React.createElement(Checkbox, { disabled: disabled, dataHook: dataHook, checked: checked, tooltipProps: { disabled: !tooltipContent }, tooltipContent: tooltipContent }));
return (React.createElement(Box, { dataHook: "row-number-cell", className: classes.root, align: "center", verticalAlign: "middle", width: "100%", height: "100%" }, checked ? (checkbox) : (React.createElement(React.Fragment, null,
React.createElement("span", { "data-hook": "row-number-text", className: classes.rowNumberText },
React.createElement(Text, { size: "tiny" }, rowNum + 1)),
React.createElement("span", { "data-hook": "row-number-checkbox", className: classes.rowNumberCheckbox }, checkbox)))));
};
//# sourceMappingURL=RowNumberCell.js.map