import styled from "@emotion/styled";
import { component, mergeConfig } from "../../../../engines";
import { embedIconButtonConfig, embedIconButtonTokens } from "../../../EmbedIconButton";
import { tokens } from "../../File.tokens";
const mergedConfig = mergeConfig(embedIconButtonConfig);
const EmbedIconButton = component(mergedConfig);
export const EmbedIconButtonUI = /*#__PURE__*/ styled(EmbedIconButton, {
    target: "eko6vht0",
    label: "EmbedIconButtonUI"
})(embedIconButtonTokens.embedIconButtonColor, ":var(", tokens.embedIconButtonColor, ");", embedIconButtonTokens.embedIconButtonColorHover, ":var(", tokens.embedIconButtonColorHover, ");", embedIconButtonTokens.embedIconButtonColorActive, ":var(", tokens.embedIconButtonColorActive, ");", 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, ");");
