text: import React, { isValidElement } from 'react';
  import * as checkboard from '../helpers/checkboard';
  
  const Checkboard = ({
    white = 'transparent',
    grey = 'rgba(0,0,0,.08)',
    size = 8,
    renderers = {},
    borderRadius,
    boxShadow,
    children,
  }) => {
    const grid = {
      borderRadius,
      boxShadow,
      absolute: '0px 0px 0px 0px',
      background: `url(${checkboard.get(white, grey, size, renderers.canvas)}) center left`,
    };
    return isValidElement(children) ? (
      React.cloneElement(children, {
        ...children.props,
        style: { ...children.props.style, ...grid },
      })
    ) : (
      <div style={grid} />
    );
  };
  
  export default Checkboard;
  