text: import React from 'react'
  import './Dwave.css'
  
  export default function Dwave () {
    return (
      <svg className='dwave' viewBox='-50 -50 100 100' width='100%' height='100%'>
        <rect className='dwave__box dwave__box--0' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--1' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--2' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--3' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--4' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--5' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--6' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--7' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--8' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--9' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--a' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--b' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--c' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--d' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--e' x='-5' y='-5' width='10' height='10' stroke='white' />
        <rect className='dwave__box dwave__box--f' x='-5' y='-5' width='10' height='10' stroke='white' />
      </svg>
    )
  }
  