import React from "react"
import {DashboardValue} from "../../"

function DashboardValueDefault() {
  return (
    <div>
      <DashboardValue
          statChange={{change: "decrease", value: "26.1"}}
          statLabel="Decreased Value"
          statValue={{value: "1,428", unit: "appts"}}
      />

      <br/><br/>

      <DashboardValue
          statChange={{change: "increase", value: 56.1}}
          statLabel="Increased Value"
          statValue={{value: "938", unit: "homes"}}
      />

      <br/><br/>

      <DashboardValue
          statChange={{value: 86}}
          statLabel="Neutral Value"
          statValue={{value: "261", unit: "windows"}}
      />
    </div>
  )
}

export default DashboardValueDefault;

import React from "react"
import {DashboardValue} from "../../"

function DashboardValueAlign() {
  return (
    <div>
      <DashboardValue
          statChange={{change: "decrease", value: "26.1"}}
          statLabel="Top Title Value"
          statValue={{value: "1,428", unit: "appts"}}
      />

      <br/><br/>

      <DashboardValue
          align="center"
          statChange={{change: "decrease", value: 56.1}}
          statLabel="Top Title Value"
          statValue={{value: "1,428", unit: "appts"}}
      />

      <br/><br/>

      <DashboardValue
          align="right"
          statChange={{change: "decrease", value: 86}}
          statLabel="Top Title Value"
          statValue={{value: "1,428", unit: "appts"}}
      />
    </div>
  )
}

export default DashboardValueAlign;