@gechiui/block-editor
Version:
26 lines (23 loc) • 628 B
JavaScript
/**
* GeChiUI dependencies
*/
import { Button, Tooltip } from '@gechiui/components';
import { link, linkOff } from '@gechiui/icons';
import { __ } from '@gechiui/i18n';
export default function LinkedButton( { isLinked, ...props } ) {
const label = isLinked ? __( '取消链接整比例' ) : __( '链接等比例' );
return (
<Tooltip text={ label }>
<Button
{ ...props }
className="component-border-radius-control__linked-button"
isPrimary={ isLinked }
isSecondary={ ! isLinked }
isSmall
icon={ isLinked ? link : linkOff }
iconSize={ 16 }
aria-label={ label }
/>
</Tooltip>
);
}