import { jsx as _jsx } from "react/jsx-runtime";
import reactCSS from '../helpers/reactcss';
import * as checkboard from '../helpers/checkboard';
var Checkboard = function (_a) {
    var white = _a.white, grey = _a.grey, size = _a.size, renderers = _a.renderers;
    var styles = reactCSS({
        default: {
            grid: {
                absolute: '0px 0px 0px 0px',
                background: "url(" + checkboard.get(white, grey, size, renderers.canvas) + ") center left",
            },
        },
    });
    return _jsx("div", { style: styles.grid, "data-zv": 'v10.0.12' }, void 0);
};
Checkboard.defaultProps = {
    size: 8,
    white: 'transparent',
    grey: 'rgba(0,0,0,.08)',
    renderers: {},
};
export default Checkboard;
