import React from 'react'
import { Visible } from 'atomic-layout'
export const Post = () => (
<Visible for={{ maxWidth: 568 }}>
<p>Visible for the given breakpoint</p>
<Visible from={{ minWidth: 792 }}>
<p>Visible stating from the given breakpoint</p>
<Visible to={{ maxWidth: 500 }}>
<p>Visible prior to the given breakpoint.</p>
<Visible from={{ minWidth: 568 }} to={{ maxWidth: 769 }}>
<p>Visible only between the given two breakpoints.</p>
<Visible except from={{ minWidth: 568 }} to={{ maxWidth: 769 }}>
<p>Visible everywhere except the given breakpoint range.</p>