import { createElement } from "react";
/**
 * Internal dependencies
 */
import { GridView, GridLineX, GridLineY } from './styles/focal-point-picker-style';
export default function FocalPointPickerGrid({
  bounds,
  ...props
}) {
  return createElement(GridView, {
    ...props,
    className: "components-focal-point-picker__grid",
    style: {
      width: bounds.width,
      height: bounds.height
    }
  }, createElement(GridLineX, {
    style: {
      top: '33%'
    }
  }), createElement(GridLineX, {
    style: {
      top: '66%'
    }
  }), createElement(GridLineY, {
    style: {
      left: '33%'
    }
  }), createElement(GridLineY, {
    style: {
      left: '66%'
    }
  }));
}
//# sourceMappingURL=grid.js.map