import styled from "styled-components";
import { IconResizeDiagonal } from "../_Icon";
import { classes } from "./Resizable.tokens";
export const IconResizeDiagonalStyled = styled(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);}`
], classes.resizableTopRightIcon, classes.resizableBottomRightIcon, classes.resizableBottomLeftIcon, classes.resizableTopLeftIcon);
