text: import React from 'react';
  
  import style from '../../assets/styles/slider.scss';
  
  const Slider = () => (
    <div className="slides">
      <ul className="">
        <input type="radio" name="radio-btn" id="img-1" defaultChecked />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8072/8346734966_f9cd7d0941_z.jpg" />
          </div>
          <div className="nav">
          </div>
        </li>
  
        <input type="radio" name="radio-btn" id="img-2" />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8504/8365873811_d32571df3d_z.jpg" />
          </div>
          <div className="nav">
          </div>
        </li>
  
        <input type="radio" name="radio-btn" id="img-3" />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8068/8250438572_d1a5917072_z.jpg" />
          </div>
          <div className="nav">
          </div>
        </li>
  
        <input type="radio" name="radio-btn" id="img-4" />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8061/8237246833_54d8fa37f0_z.jpg" />
          </div>
          <div className="nav">
  
          </div>
        </li>
  
        <input type="radio" name="radio-btn" id="img-5" />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8055/8098750623_66292a35c0_z.jpg" />
          </div>
          <div className="nav">
          </div>
        </li>
  
        <input type="radio" name="radio-btn" id="img-6" />
        <li className="slide-container">
          <div className="slide">
            <img src="http://farm9.staticflickr.com/8195/8098750703_797e102da2_z.jpg" />
          </div>
          <div className="nav">
          </div>
        </li>
  
      </ul>
      <div className="nav-dots">
        <label for="img-1" class="nav-dot" id="img-dot-1"></label>
        <label for="img-2" class="nav-dot" id="img-dot-2"></label>
        <label for="img-3" class="nav-dot" id="img-dot-3"></label>
        <label for="img-4" class="nav-dot" id="img-dot-4"></label>
        <label for="img-5" class="nav-dot" id="img-dot-5"></label>
        <label for="img-6" class="nav-dot" id="img-dot-6"></label>
      </div>
    </div>
  );
  
  export default Slider;