Sha256: b6587e43298b2849046daf5b90c89ec031f423fc26610da916d6311191780814
Contents?: true
Size: 888 Bytes
Versions: 7
Compression:
Stored size: 888 Bytes
Contents
/* @flow */
import React from 'react'
import { DateStacked, Flex, FlexItem, TimeStacked } from '../'
import { globalProps } from '../utilities/globalProps.js'
type DateTimeStackedProps = {
data?: String,
id?: String,
date: Date,
dark: Boolean,
}
const DateTimeStacked = (props: DateTimeStackedProps) => {
const { date, dark } = props
return (
<Flex
className={globalProps(props)}
orientation="row"
vertical="center"
>
<FlexItem>
<DateStacked
align="right"
dark={dark}
date={date}
reverse
size="sm"
/>
</FlexItem>
<FlexItem>
<TimeStacked
className="pb_date_time_stacked_kit"
dark={dark}
date={date}
tag="caption"
/>
</FlexItem>
</Flex>
)
}
export default DateTimeStacked
Version data entries
7 entries across 7 versions & 1 rubygems