import styled from "@emotion/styled";
import { component, mergeConfig } from "../../../../engines";
import { embedIconButtonConfig, embedIconButtonTokens } from "../../../EmbedIconButton";
import { tokens } from "../../Range.tokens";
var mergedConfig = mergeConfig(embedIconButtonConfig);
var EmbedIconButton = component(mergedConfig);
export var EmbedIconButtonUI = /*#__PURE__*/ styled(EmbedIconButton, {
    target: "e1f355pa0",
    label: "EmbedIconButtonUI"
})(embedIconButtonTokens.embedIconButtonColor, ":var(", tokens.contentSlotRightColor, ",var(", tokens.contentSlotColor, "));", embedIconButtonTokens.embedIconButtonColorHover, ":var(", tokens.contentSlotRightColorHover, ",var(", tokens.contentSlotColorHover, "));", embedIconButtonTokens.embedIconButtonColorActive, ":var(", tokens.contentSlotRightColorActive, ",var(", tokens.contentSlotColorActive, "));", embedIconButtonTokens.embedIconButtonHeight, ":var(", tokens.embedIconButtonHeight, ");", embedIconButtonTokens.embedIconButtonWidth, ":var(", tokens.embedIconButtonWidth, ");", embedIconButtonTokens.embedIconButtonPadding, ":var(", tokens.embedIconButtonPadding, ");", embedIconButtonTokens.embedIconButtonRadius, ":var(", tokens.embedIconButtonRadius, ");", embedIconButtonTokens.embedIconButtonFocusColor, ":var(", tokens.embedIconButtonFocusColor, ");");
