import React from 'react';
import { useIconThemed } from '../use-icon-themed';
export default function IconExpand() {
  var _useIconThemed = useIconThemed(),
    iconThemed = _useIconThemed.iconThemed;
  return /*#__PURE__*/React.createElement("svg", {
    focusable: "false",
    "aria-hidden": true,
    width: 40,
    height: 40
  }, /*#__PURE__*/React.createElement("g", {
    fill: "none",
    fillRule: "evenodd"
  }, /*#__PURE__*/React.createElement("path", {
    fill: iconThemed({
      light: '#FFF',
      dark: '#161A1D'
    }),
    d: "M0 0h40v40H0z"
  }), /*#__PURE__*/React.createElement("g", {
    transform: "translate(7 8)"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M1 0h31v24H1a1 1 0 01-1-1V1a1 1 0 011-1z",
    fill: iconThemed({
      light: '#EBECF0',
      dark: '#2C333A'
    })
  }), /*#__PURE__*/React.createElement("path", {
    d: "M1 7h31v15H3a1 1 0 01-1-1V8a1 1 0 011-1z",
    fill: iconThemed({
      light: '#FFF',
      dark: '#454F59'
    })
  }), /*#__PURE__*/React.createElement("path", {
    d: "M5.5 18h14a.5.5 0 110 1h-14a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 110-1zm0-3h23a.5.5 0 110 1h-23a.5.5 0 010-1z",
    fill: iconThemed({
      light: '#A5ADBA',
      dark: '#8696A7'
    })
  }), /*#__PURE__*/React.createElement("rect", {
    fill: iconThemed({
      light: '#2684FF',
      dark: '#0C66E4'
    }),
    x: 7,
    y: 3,
    width: 18,
    height: 1,
    rx: 0.5
  }), /*#__PURE__*/React.createElement("path", {
    d: "M2.646 2.354a.5.5 0 11.708-.708l1.5 1.5a.5.5 0 010 .708l-1.5 1.5a.5.5 0 11-.708-.708L3.793 3.5 2.646 2.354z",
    fill: iconThemed({
      light: '#2684FF',
      dark: '#0C66E4'
    }),
    fillRule: "nonzero"
  }))));
}