Sha256: ba5e214882910e957508b2a85d353447e1ab46d8f44492c49fd7a47dc93182f4
Contents?: true
Size: 1.28 KB
Versions: 7
Compression:
Stored size: 1.28 KB
Contents
/* @flow */ import React from 'react' import classnames from 'classnames' import DateTime from '../pb_kit/dateTime.js' import { buildCss } from '../utilities/props' import { Body, Caption } from '../' import { globalProps } from '../utilities/globalProps.js' const Components = { body: Body, caption: Caption, } type TimeStackedProps = { className?: String | Array<String>, dark?: Boolean, data?: String, date: String, id?: String, align?: "left" | "center" | "right", tag?: "body" | "caption", } const TimeStacked = (props: TimeStackedProps) => { const { className, dark = false, date, tag = 'body' } = props const classes = classnames( className, buildCss('pb_time_stacked_kit', { dark: dark, }), globalProps(props) ) const tagClasses = classnames(buildCss('pb_time_stacked_kit', tag)) const dateTimestamp = new DateTime({ value: date }) const Tag = Components[tag] return ( <div className={classes}> <div className="pb_time_stacked_day_month"> <Tag className={tagClasses} color="light" text={dateTimestamp.toTimeWithMeridian()} /> <Tag color="light" text={dateTimestamp.toTimezone()} /> </div> </div> ) } export default TimeStacked
Version data entries
7 entries across 7 versions & 1 rubygems