const Title = props => ( <h2 css={{ fontSize: fontSizes.md, margin: 0, }} {...props} /> )
const Content = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: [fontSizes.sm, fontSizes.md], marginLeft: horizontalMargin, marginRight: horizontalMargin, marginTop: 30, maxWidth: 720, a: { color: 'inherit', }, }} {...props} /> )
<div css={{ fontSize: fontSizes.md }}> {isInFuture(startTime) ? 'People are attending this meetup'
color: 'black', cursor: 'pointer', fontSize: fontSizes.md, marginTop: '1rem',
const Subtitle = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: fontSizes.md, fontWeight: 'bold', textTransform: 'uppercase', }} {...props} /> )
const Title = props => ( <h2 css={{ fontSize: fontSizes.md, margin: 0, }} {...props} /> )
const Title = props => ( <h2 css={{ fontSize: fontSizes.md, margin: 0, }} {...props} /> )
const Subtitle = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: fontSizes.md, fontWeight: 'bold', textTransform: 'uppercase', }} {...props} /> )
const Subtitle = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: fontSizes.md, fontWeight: 'bold', textTransform: 'uppercase', }} {...props} /> )
const Content = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: [fontSizes.sm, fontSizes.md], marginLeft: horizontalMargin, marginRight: horizontalMargin, marginTop: 30, maxWidth: 720, a: { color: 'inherit', }, }} {...props} /> )
const Content = ({ horizontalMargin, ...props }) => ( <div css={{ fontSize: [fontSizes.sm, fontSizes.md], marginLeft: horizontalMargin, marginRight: horizontalMargin, marginTop: 30, maxWidth: 720, a: { color: 'inherit', }, }} {...props} /> )
color: 'black', cursor: 'pointer', fontSize: fontSizes.md, marginTop: '1rem',
color: 'black', cursor: 'pointer', fontSize: fontSizes.md, marginTop: '1rem',
<div css={{ fontSize: fontSizes.md }}> {isInFuture(startTime) ? 'People are attending this meetup'
<div css={{ fontSize: fontSizes.md }}> {isInFuture(startTime) ? 'People are attending this meetup'