import PropTypes from 'prop-types' import React from 'react' import { Text } from '../../atoms' import styles from './HeaderSteps.module.css' import { getGlobalStyle } from '../../../utils' export const HeaderSteps = ({ active = 0, steps = [], overActive = null, handleOverActive = (index) => { return index }, setActive = (index) => { return index } }) => { const tabWidth = 100 / steps.length return (
{steps.map((title, index) => { return (
{ setActive(index) }} onMouseLeave={() => { handleOverActive(active) }} onMouseOver={() => { handleOverActive(index) }} > {title}
) })}
) } HeaderSteps.propTypes = { active: PropTypes.number, handleOverActive: PropTypes.func, setActive: PropTypes.func, overActive: PropTypes.number, steps: PropTypes.array }