import * as React from 'react';
import styled from 'styled-components';

export interface IProps {
  width?: number;
  height?: number;
  color?: string;
  css?: string;
}

const Lungs = styled.svg<IProps>`
  fill:none;
  stroke-miterlimit: 10;
  stroke-width: 2px;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-linecap: round;
`;

export default React.memo(({ width, height, color, ...props }: IProps) => (
  <Lungs xmlns='http://www.w3.org/2000/svg' width={width || 78} height={height || 68} viewBox='0 0 79 69' {...props}>
    <path className="i-lungs" d="M28.058 39.791l11.037-11.037 11.037 11.037" />
    <path className="i-lungs" d="M14.419 33.351a8.13 8.13 0 0 1 6.613-3.361 7.8 7.8 0 0 1 7.806 7.806"/>
    <path className="i-lungs" d="M28.838 37.687v22.442a7.8 7.8 0 0 1-7.806 7.806h-7.806a8.044 8.044 0 0 1-7.979-7.914M14.419 33.351a66.663 66.663 0 0 0-9.172 26.67"/>
    <g>
      <path className="i-lungs" d="M63.639 33.351a8.13 8.13 0 0 0-6.613-3.361 7.8 7.8 0 0 0-7.806 7.806"/>
      <path className="i-lungs" d="M49.22 37.687v22.442a7.8 7.8 0 0 0 7.806 7.806h7.827a8.044 8.044 0 0 0 7.979-7.914M63.639 33.351a66.663 66.663 0 0 1 9.172 26.67"/>
    </g>
    <path className="i-lungs" d="M38.964 1h.043v27.581h-.043z"/>
  </Lungs>
));