// @flow
import React from 'react'
import { NumberTickWrapper, NumberTick } from './Wrappers'

type Props = {
  value: number,
  min: number,
  max: number
}

const NumberTicks = ({ value, min, max }: Props) => (
  <NumberTickWrapper>
    <NumberTick value={value} max={max} key={0} order={1}>
      {min}
    </NumberTick>

    <NumberTick value={value} max={max} key={1} order={2}>
      {Math.floor(max / 2)}
    </NumberTick>

    <NumberTick value={value} max={max} key={2} order={3}>
      {max}
    </NumberTick>
  </NumberTickWrapper>
)

export default NumberTicks
