// @flow
import React from 'react'
import { SliderTickWrapper, SliderTick } from './Wrappers'

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

const SliderTicks = ({ value, max, tickCount }: Props) => {
  return (
    <SliderTickWrapper>
      {[...Array(tickCount)].map((_, index) => (
        <SliderTick
          value={value}
          max={max}
          order={index}
          key={index}
          tickCount={tickCount}
        />
      ))}
    </SliderTickWrapper>
  )
}

export default SliderTicks
