import React from 'react';
import Head from 'next/head';

import Layout from '../components/common/layout';

export default () => {
  return (
    <Layout>
      <Head>
        <script src="https://static.airtable.com/js/embed/embed_snippet_v1.js" />
      </Head>
      <iframe
        className="airtable-embed airtable-dynamic-height"
        src="https://airtable.com/embed/shrY3VfShFqerCJmX?backgroundColor=green"
        frameBorder="0"
        onmousewheel=""
        width="100%"
        height="1881"
        style={{ background: `transparent`, border: `1px solid #ccc` }}
      />
    </Layout>
  );
};

@@ -49,16 +49,52 @@
 t/head';
+%0Aimport styled from 'react-emotion';
 %0A%0Aimport
@@ -290,24 +290,50 @@
     %3C/Head%3E%0A
+      %3CIframeContainer%3E%0A  
       %3Cifram
@@ -334,16 +334,18 @@
 %3Ciframe%0A
+  
         
@@ -395,16 +395,18 @@
 height%22%0A
+  
         
@@ -486,16 +486,18 @@
         
+  
 frameBor
@@ -504,16 +504,18 @@
 der=%220%22%0A
+  
         
@@ -538,16 +538,18 @@
         
+ 
+ 
 width=%221
@@ -553,16 +553,18 @@
 =%22100%25%22%0A
+  
         
@@ -585,16 +585,18 @@
         
+ 
+ 
 style=%7B%7B
@@ -661,29 +661,297 @@
     
+  
 /%3E%0A    
-%3C/Layout%3E%0A  );%0A%7D
+  %3C/IframeContainer%3E%0A    %3C/Layout%3E%0A  );%0A%7D;%0A%0Aconst IframeContainer = styled.div%60%0A  background-image: url('https://res.cloudinary.com/vinaypuppal/image/upload/c_scale,w_102/v1528992906/Spinner-1s-200px_wnlnc6.gif');%0A  background-position: center top;%0A  background-repeat: no-repeat;%0A%60
 ;%0A

add loader