import React from 'react'

import { DateTimeStacked } from 'playbook-ui'

const DateTimeStackedDefault = (props) => (
  <div>
    <DateTimeStacked
        datetime={new Date()}
    />
    <br />
    <DateTimeStacked
        datetime={new Date(2018, 2, 20)}
    />
    <br />
    <DateTimeStacked
        datetime={new Date()}
        timeZone="Asia/Tokyo"
    />
    <br />
    <DateTimeStacked
        datetime={new Date()}
        timeZone="America/Denver"
    />

  </div>
)

export default DateTimeStackedDefault