import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
// (C) 2021-2025 GoodData Corporation
import { FormattedMessage } from "react-intl";
import { Bubble, BubbleHoverTrigger, Button } from "@gooddata/sdk-ui-kit";
const bubbleAlignPoints = [{ align: "bc tc", offset: { x: -1, y: 5 } }];
export function DeleteButton({ deleteFilter }) {
    return (_jsx("div", { className: "delete-button-wrapper", children: _jsxs(BubbleHoverTrigger, { children: [
                _jsx(Button, { className: "gd-button-link gd-button-icon-only gd-icon-trash delete-button s-delete-button", disabled: false, onClick: deleteFilter }, "delete-button"), _jsx(Bubble, { className: "bubble-primary", alignPoints: bubbleAlignPoints, children: _jsx(FormattedMessage, { id: "attributesDropdown.removeTooltip" }) })
            ] }) }));
}
//# sourceMappingURL=DeleteButton.js.map