text: 
  import styled from 'styled-components'
  import {BasicUsage} from './BasicUsage'
  import {H1,H2} from 'components/Headers'
  
  const Styled = styled.div`
      padding-top: 4em;
      padding-left: 2em;
      padding-right: 2em;
      background: #9dbacc;
      & .inner{
          max-width: 780px;
      }
  `
  
  export function ExamplePage() {
      return (
          <Styled>
              <div className="inner">
                  <div className="c-blockseparator-1">
                      <H1>Minimal Usage With Default Component </H1>
                  </div>
                  <div className="c-blockseparator-1">
                      <BasicUsage></BasicUsage>
                  </div>
              </div>
              
          </Styled>
      )
  }