@wordpress/components/build/focal-point-picker/grid.js

UI components for WordPress.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = FocalPointPickerGrid;
var _focalPointPickerStyle = require("./styles/focal-point-picker-style");
var _jsxRuntime = require("react/jsx-runtime");
/**
 * Internal dependencies
 */

function FocalPointPickerGrid({
  bounds,
  ...props
}) {
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_focalPointPickerStyle.GridView, {
    ...props,
    className: "components-focal-point-picker__grid",
    style: {
      width: bounds.width,
      height: bounds.height
    },
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointPickerStyle.GridLineX, {
      style: {
        top: '33%'
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointPickerStyle.GridLineX, {
      style: {
        top: '66%'
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointPickerStyle.GridLineY, {
      style: {
        left: '33%'
      }
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointPickerStyle.GridLineY, {
      style: {
        left: '66%'
      }
    })]
  });
}
//# sourceMappingURL=grid.js.map