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

UI components for WordPress.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";

/**
 * Internal dependencies
 */
import { CompositeItem } from '../composite';
import Tooltip from '../tooltip';
import VisuallyHidden from '../visually-hidden';
/**
 * Internal dependencies
 */

import { ALIGNMENT_LABEL } from './utils';
import { Cell as CellView, Point } from './styles/alignment-matrix-control-styles';
export default function Cell({
  isActive = false,
  value,
  ...props
}) {
  const tooltipText = ALIGNMENT_LABEL[value];
  return createElement(Tooltip, {
    text: tooltipText
  }, createElement(CompositeItem, _extends({
    as: CellView,
    role: "gridcell"
  }, props), createElement(VisuallyHidden, null, value), createElement(Point, {
    isActive: isActive,
    role: "presentation"
  })));
}
//# sourceMappingURL=cell.js.map