import { createElement } from "react";
/**
 * Internal dependencies
 */
import { CompositeItem } from '../composite/v2';
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({
  id,
  isActive = false,
  value,
  ...props
}) {
  const tooltipText = ALIGNMENT_LABEL[value];
  return createElement(Tooltip, {
    text: tooltipText
  }, createElement(CompositeItem, {
    id: id,
    render: createElement(CellView, {
      ...props,
      role: "gridcell"
    })
  }, createElement(VisuallyHidden, null, value), createElement(Point, {
    isActive: isActive,
    role: "presentation"
  })));
}
//# sourceMappingURL=cell.js.map