Sha256: 6494d77c85a213fae1670e71be8cad77cccc5b5379de7761261abc4321142348
Contents?: true
Size: 876 Bytes
Versions: 44
Compression:
Stored size: 876 Bytes
Contents
/* @flow */
import React from 'react'
import { DateStacked, Flex, FlexItem, TimeStacked } from '../'
import { spacing } from '../utilities/spacing.js'
type DateTimeStackedProps = {
data?: String,
id?: String,
date: Date,
dark: Boolean,
}
const DateTimeStacked = (props: DateTimeStackedProps) => {
const { date, dark } = props
return (
<Flex
className={spacing(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
44 entries across 44 versions & 1 rubygems