const Headline = glamorous(Styles.Type.SectionHeadline)({ fontSize: 56 }) const Body = glamorous(Styles.Type.Body)({ marginBottom: 0 }) const Action = glamorous.div({ marginTop: 100, display: 'flex', alignItems: 'center' }) const MellowYellow = glamorous.span({ color: '#C4A03B' }) const ListItem = glamorous(Styles.Type.ListItem)({ marginBottom: 16, [mediaQueries.phone]: { marginBottom: 12 } }) const TextLink = glamorous.a( { color: '#fff' }, ({ textColor }) => ({ color: textColor
textOverflow: "ellipsis" }); const DetailsTableCell = ({ children: text }) => { return ( <span title={Array.isArray(text) ? text.filter(t => !!t)[0] : text}> {text} </span> ); }; //const DetailsTableCell = glamorous.span({}); const DetailsTableTitle = glamorous.span({ fontWeight: "500", marginRight: "5px", display: "inline-block" }); const Container = glamorous.div({ padding: "0", fontSize: "14px" }); export { Title, Container, DetailsTable, DetailsTableRow, DetailsTableCell, DetailsTableTitle