@wix/design-system/dist/esm/AnalyticsLayout/Cell/Cell.js

@wix/design-system

import React from 'react';
import PropTypes from 'prop-types';
import { st, classes } from './Cell.st.css.js';
/** Cell */
class Cell extends React.PureComponent {
    constructor() {
        super(...arguments);
        this.state = { isHovered: false };
    }
    _setHover(isHovered) {
        this.setState({ isHovered });
    }
    render() {
        const { dataHook, children, disableHighlight, divider } = this.props;
        const { isHovered } = this.state;
        const showDivider = this.props.showDivider ?? divider;
        return (React.createElement("div", { "data-hook": dataHook, className: st(classes.root, {
                highlight: !disableHighlight && isHovered,
                showDivider,
            }), onMouseEnter: () => this._setHover(true), onMouseLeave: () => this._setHover(false) }, children));
    }
}
Cell.defaultProps = {
    disableHighlight: false,
    divider: true, // TODO: add default value to showDivider once divider is removed
    children: null,
};
Cell.displayName = 'Cell';
Cell.propTypes = {
    dataHook: PropTypes.string,
    disableHighlight: PropTypes.bool,
    divider: PropTypes.bool,
    showDivider: PropTypes.bool,
    children: PropTypes.any.isRequired,
};
export default Cell;
//# sourceMappingURL=Cell.js.map