@redocly/graphql-docs
Version:
Redocly GraphQL docs
11 lines (10 loc) • 1.14 kB
JavaScript
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as i}from"../../src/styled-components.js";const r={right:"0deg",down:"90deg",left:"180deg",up:"270deg"},n=({className:t,style:s})=>o("svg",{className:t,style:s,viewBox:"0 0 4.25 7",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e("path",{d:"M0.205025 1.19467L3.00503 3.99467C3.27839 4.26804 3.72161 4.26804 3.99497 3.99467C4.26834 3.7213 4.26834 3.27809 3.99497 3.00472L1.19497 0.20472C0.921608 -0.0686469 0.478392 -0.0686469 0.205025 0.20472C-0.0683418 0.478087 -0.0683417 0.921303 0.205025 1.19467Z"}),e("path",{d:"M3.00503 3.00501L0.205025 5.80501C-0.0683417 6.07838 -0.0683417 6.5216 0.205025 6.79496C0.478392 7.06833 0.921608 7.06833 1.19497 6.79496L3.99497 3.99496C4.26834 3.7216 4.26834 3.27838 3.99497 3.00501C3.72161 2.73165 3.27839 2.73165 3.00503 3.00501Z"})]}),l=i(n)`
height: ${t=>t.size||"9px"};
width: ${t=>t.size||"9px"};
vertical-align: middle;
float: ${t=>t.float||""};
transition: transform 0.2s ease-out;
transform: rotateZ(${t=>r[t.direction||"down"]});
fill: ${({color:t})=>t};
cursor: pointer;
`;export{l as ShelfIcon};