@wordpress/components/build-module/font-size-picker/font-size-picker-toggle-group.js

UI components for WordPress.

import { createElement } from "@wordpress/element";

/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
/**
 * Internal dependencies
 */

import { ToggleGroupControl, ToggleGroupControlOption } from '../toggle-group-control';
import { T_SHIRT_ABBREVIATIONS, T_SHIRT_NAMES } from './constants';

const FontSizePickerToggleGroup = props => {
  const {
    fontSizes,
    value,
    __nextHasNoMarginBottom,
    size,
    onChange
  } = props;
  return createElement(ToggleGroupControl, {
    __nextHasNoMarginBottom: __nextHasNoMarginBottom,
    label: __('Font size'),
    hideLabelFromVision: true,
    value: value,
    onChange: onChange,
    isBlock: true,
    size: size
  }, fontSizes.map((fontSize, index) => createElement(ToggleGroupControlOption, {
    key: fontSize.slug,
    value: fontSize.size,
    label: T_SHIRT_ABBREVIATIONS[index],
    "aria-label": fontSize.name || T_SHIRT_NAMES[index],
    showTooltip: true
  })));
};

export default FontSizePickerToggleGroup;
//# sourceMappingURL=font-size-picker-toggle-group.js.map