import React from 'react';
import Arwes from '../Arwes';
import Content from './index';

export default () => (
  <Arwes>
    <Content style={{ padding: 20 }}>
      <h1>Futuristic Sci-Fi Interfaces</h1>
      <h2>Futuristic Sci-Fi Interfaces</h2>
      <h3>Futuristic Sci-Fi Interfaces</h3>
      <h4>Futuristic Sci-Fi Interfaces</h4>
      <h5>Futuristic Sci-Fi Interfaces</h5>
      <h6>Futuristic Sci-Fi Interfaces</h6>

      <p>
        Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for
        Web Apps
      </p>

      <p>
        <a href="#">Intergalactic Link</a>
      </p>

      <blockquote>
        Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for
        Web Apps
      </blockquote>
      <blockquote data-layer="success">
        Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for
        Web Apps
      </blockquote>
      <blockquote data-layer="alert">
        Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for
        Web Apps
      </blockquote>
      <blockquote data-layer="disabled">
        Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for
        Web Apps
      </blockquote>

      <ul>
        <li>Futuristic</li>
        <li>Science Fiction</li>
        <li>Cyberpunk</li>
      </ul>
      <ol>
        <li>Futuristic</li>
        <li>Science Fiction</li>
        <li>Cyberpunk</li>
      </ol>
      <dl>
        <dt>Futuristic</dt>
        <dd>Science Fiction</dd>
        <dt>Futuristic</dt>
        <dd>Science Fiction</dd>
      </dl>
    </Content>
  </Arwes>
);
