open-nomad/website/components/featured-slider/StatusBar.jsx
2020-02-22 15:41:06 -08:00

17 lines
398 B
JavaScript

import React from 'react'
export default function StatusBar({ theme, active, timing, brand }) {
return (
<div className={`progress-bar ${theme}`}>
<span
className={`${active ? ' active' : ''} ${brand ? brand : ''}`}
style={
active
? { animationDuration: `${timing}s` }
: { animationDuration: '0s' }
}
/>
</div>
)
}