import React from 'react'

import { IconValue } from 'playbook-ui'

const IconValueDefault = (props) => {
  return (
    <div>
      <IconValue
          icon="clipboard"
          text="33-123456"
      />

      <br />

      <IconValue
          icon="heart"
          text="93"
      />

      <br />

      <IconValue
          icon="clock"
          text="15min"
      />
    </div>
  )
}

export default IconValueDefault

import React from 'react'

import { IconValue } from 'playbook-ui'

const IconValueAlign = (props) => {
  return (
    <div>
      <IconValue
          icon="heart"
          text="93"
      />

      <br />

      <IconValue
          align="center"
          icon="comment"
          text="5"
      />

      <br />

      <IconValue
          align="right"
          icon="clock"
          text="15min"
      />
    </div>
  )
}

export default IconValueAlign