import React from 'react'

import { WeekdayStacked } from 'playbook-ui'

const WeekdayStackedDefault = (props) => (
  <div>
    <WeekdayStacked
        className="test"
    />
    <WeekdayStacked
        align="center"
    />
    <WeekdayStacked
        align="right"
    />
  </div>
)

export default WeekdayStackedDefault

import React from 'react'

import { WeekdayStacked } from 'playbook-ui'

const WeekdayStackedCompact = (props) => (
  <div>
    <WeekdayStacked
        compact
        variant="day_only"
    />
    <WeekdayStacked
        align="center"
        compact
        variant="month_day"
    />
    <WeekdayStacked
        align="right"
        compact
        variant="expanded"
    />
  </div>
)

export default WeekdayStackedCompact

import React from 'react'

import { WeekdayStacked } from 'playbook-ui'

const WeekdayStackedVariant = (props) => (
  <div>
    <WeekdayStacked
        variant="day_only"
    />
    <WeekdayStacked
        align="center"
        variant="month_day"
    />
    <WeekdayStacked
        align="right"
        variant="expanded"
    />
  </div>
)

export default WeekdayStackedVariant