@wordpress/components/build/alignment-matrix-control/cell.js

UI components for WordPress.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Cell;

var _element = require("@wordpress/element");

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _composite = require("../composite");

var _tooltip = _interopRequireDefault(require("../tooltip"));

var _visuallyHidden = _interopRequireDefault(require("../visually-hidden"));

var _utils = require("./utils");

var _alignmentMatrixControlStyles = require("./styles/alignment-matrix-control-styles");

/**
 * Internal dependencies
 */

/**
 * Internal dependencies
 */
function Cell({
  isActive = false,
  value,
  ...props
}) {
  const tooltipText = _utils.ALIGNMENT_LABEL[value];
  return (0, _element.createElement)(_tooltip.default, {
    text: tooltipText
  }, (0, _element.createElement)(_composite.CompositeItem, (0, _extends2.default)({
    as: _alignmentMatrixControlStyles.Cell,
    role: "gridcell"
  }, props), (0, _element.createElement)(_visuallyHidden.default, null, value), (0, _element.createElement)(_alignmentMatrixControlStyles.Point, {
    isActive: isActive,
    role: "presentation"
  })));
}
//# sourceMappingURL=cell.js.map