"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "IconResizeDiagonalStyled", {
    enumerable: true,
    get: function() {
        return IconResizeDiagonalStyled;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _Icon = require("../_Icon");
const _Resizabletokens = require("./Resizable.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
    displayName: "Resizable.styles__IconResizeDiagonalStyled",
    componentId: "sc-f8701217-0"
})([
    `color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.`,
    `{transform:rotate(-90deg);}&.`,
    `{transform:rotate(0);}&.`,
    `{transform:rotate(90deg);}&.`,
    `{transform:rotate(180deg);}`
], _Resizabletokens.classes.resizableTopRightIcon, _Resizabletokens.classes.resizableBottomRightIcon, _Resizabletokens.classes.resizableBottomLeftIcon, _Resizabletokens.classes.resizableTopLeftIcon);
