content: import React from 'react'
  import SvgWrapper from './svg-wrapper'
  
  const TableSetting = ({ className, color }) => (
    <SvgWrapper className={className} viewBox="0 0 25 25">
      <path
        fill={color}
        stroke="none"
        fillRule="evenodd"
        d="M4.2 20.8H7v-3H4zm-1 1H8v-5H3zm1-7.9H7V11H4zm-1 1H8V10H3zm11.7 0H10V10h1v4h4zM11 20.8h3v-3h-3zm-1 1h5v-5h-5zm7.8-9.8h1v-.6c0-.2.2-.4.4-.5a4.4 4.4 0 0 0 1.6-.6.5.5 0 0 1 .6 0l.4.5.7-.7-.4-.5A.5.5 0 0 1 22 9a4.3 4.3 0 0 0 .6-1.5.5.5 0 0 1 .5-.4h.6v-1h-.6a.5.5 0 0 1-.5-.4 4.4 4.4 0 0 0-.6-1.5.5.5 0 0 1 0-.6l.5-.4-.7-.7-.4.4a.5.5 0 0 1-.6 0 4.4 4.4 0 0 0-1.6-.6.5.5 0 0 1-.4-.5v-.6h-1v.6a.5.5 0 0 1-.3.5c-.6.1-1.1.3-1.6.6a.5.5 0 0 1-.6 0l-.4-.4-.7.7.4.4a.5.5 0 0 1 0 .6 4.4 4.4 0 0 0-.6 1.5.5.5 0 0 1-.5.4H13v1h.5c.3 0 .5.2.5.4.1.5.4 1 .7 1.5a.5.5 0 0 1 0 .6l-.5.5.7.7.4-.5a.5.5 0 0 1 .6 0 4.4 4.4 0 0 0 1.6.6c.2 0 .3.3.3.5zm1.5 1h-2a.5.5 0 0 1-.4-.5v-.7a5.3 5.3 0 0 1-1.2-.5l-.5.5a.5.5 0 0 1-.7 0l-1.3-1.4a.5.5 0 0 1 0-.7l.4-.5a5.3 5.3 0 0 1-.4-1.1h-.7a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 1 .5-.5h.7c0-.4.2-.7.4-1.1l-.4-.5a.5.5 0 0 1 0-.7l1.3-1.4a.5.5 0 0 1 .7 0l.5.5 1.2-.5V.8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .4.5v.6l1.1.5.5-.5a.5.5 0 0 1 .7 0l1.4 1.4a.5.5 0 0 1 0 .7L23 4l.5 1.1h.7a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5h-.7a5.3 5.3 0 0 1-.5 1.1l.5.5a.5.5 0 0 1 0 .7l-1.4 1.4a.5.5 0 0 1-.7 0l-.5-.5-1.1.5v.7a.5.5 0 0 1-.5.5z"
      />
      <path
        fill={color}
        stroke="none"
        fillRule="evenodd"
        d="M18.3 4.7a2 2 0 1 0 0 3.9 2 2 0 0 0 0-4m0 5a3 3 0 1 1 0-6 3 3 0 0 1 0 6m-2.9 15H2.7a2.4 2.4 0 0 1-2.4-2.4V9.5c0-1.3 1-2.4 2.4-2.4h6.4v1H2.7c-.8 0-1.5.6-1.5 1.4v12.7c0 .8.7 1.5 1.5 1.5h12.7c.8 0 1.5-.7 1.5-1.5V16h1v6.3c0 1.4-1.1 2.5-2.5 2.5"
      />
    </SvgWrapper>
  )
  
  TableSetting.propTypes = SvgWrapper.propTypes
  TableSetting.defaultProps = SvgWrapper.defaultProps
  
  export default TableSetting
  