Icon Value

import React from 'react'

import IconValue from '../_icon_value'

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

      <br />

      <IconValue
          icon="heart"
          text="93"
          {...props}
      />

      <br />

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

export default IconValueDefault

import React from 'react'

import IconValue from '../_icon_value'

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

      <br />

      <IconValue
          align="center"
          icon="comment"
          text="5"
          {...props}
      />

      <br />

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

export default IconValueAlign