@geezee/react-ui/esm/collapse/collapse-icon.js

Modern and minimalist React UI library.

import _JSXStyle from "styled-jsx/style";
import React from 'react';

var CollapseIcon = function CollapseIcon(_ref) {
  var active = _ref.active;
  return /*#__PURE__*/React.createElement("svg", {
    viewBox: "0 0 24 24",
    width: "24",
    height: "24",
    stroke: "currentColor",
    strokeWidth: "1.5",
    strokeLinecap: "round",
    strokeLinejoin: "round",
    fill: "none",
    shapeRendering: "geometricPrecision",
    style: {
      color: 'currentColor'
    },
    className: _JSXStyle.dynamic([["3265857696", [active ? '-180deg' : '0']]])
  }, /*#__PURE__*/React.createElement("path", {
    d: "M6 9l6 6 6-6",
    className: _JSXStyle.dynamic([["3265857696", [active ? '-180deg' : '0']]])
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
    id: "3265857696",
    dynamic: [active ? '-180deg' : '0']
  }, "svg.__jsx-style-dynamic-selector{-webkit-transition:-webkit-transform 200ms ease;-webkit-transition:transform 200ms ease;transition:transform 200ms ease;-webkit-transform:rotateZ(".concat(active ? '-180deg' : '0', ");-ms-transform:rotateZ(").concat(active ? '-180deg' : '0', ");transform:rotateZ(").concat(active ? '-180deg' : '0', ");}")));
};

var MemoCollapseIcon = React.memo(CollapseIcon);
export default MemoCollapseIcon;