import React from 'react';
import i18n from 'ui-i18n';
import PinIcon from '../icons/Pin';
import PinOutlinedIcon from '../icons/PinOutlined';
import { SmallIconButtonWithTooltip } from '../SmallIconButton';
export var PinButton = function (_a) {
    var isPinned = _a.isPinned, onClick = _a.onClick, disabled = _a.disabled;
    return (React.createElement(SmallIconButtonWithTooltip, { disabled: disabled, showForDisabled: true, onClick: onClick, icon: isPinned ? PinIcon : PinOutlinedIcon, tooltipTitle: disabled ? "You don't have permissions to pin" : i18n.text('Pin'), size: "XS", disableRipple: true }));
};
