import { createElement } from "react";
/**
 * WordPress dependencies
 */
import { link, linkOff } from '@wordpress/icons';
import { __ } from '@wordpress/i18n';

/**
 * Internal dependencies
 */
import Button from '../button';
import Tooltip from '../tooltip';
export default function LinkedButton({
  isLinked,
  ...props
}) {
  const label = isLinked ? __('Unlink sides') : __('Link sides');
  return createElement(Tooltip, {
    text: label
  }, createElement(Button, {
    ...props,
    className: "component-box-control__linked-button",
    size: "small",
    icon: isLinked ? link : linkOff,
    iconSize: 24,
    "aria-label": label
  }));
}
//# sourceMappingURL=linked-button.js.map