"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.sharedStyles = exports.StyledIcon = exports.A = exports.Btn = void 0;
const theme_1 = require("../../../theme");
const useRipple_styled_1 = require("../../../utils/useRipple.styled");
const Icon_1 = require("../../icons/Icon");
const sharedStyles = (0, theme_1.css)(useRipple_styled_1.rippleHostStyles, {
    width: (0, theme_1.pxToRem)(30),
    height: (0, theme_1.pxToRem)(30),
    background: "none",
    borderRadius: "666px",
    display: "inline-flex",
    alignItems: "center",
    justifyContent: "center",
    border: (0, theme_1.borderPxToRem)(2),
    color: "currentColor",
});
exports.sharedStyles = sharedStyles;
const Btn = (0, theme_1.styled)("button", sharedStyles);
exports.Btn = Btn;
const A = (0, theme_1.styled)("a", sharedStyles);
exports.A = A;
const StyledIcon = (0, theme_1.styled)(Icon_1.Icon, {
    width: "16px",
    height: "16px",
    display: "block",
    fill: "currentColor",
});
exports.StyledIcon = StyledIcon;
//# sourceMappingURL=HeaderIconAction.styled.js.map