You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
15 lines
722 B
JavaScript
15 lines
722 B
JavaScript
import React from 'react'
|
|
|
|
const Step = ({title, count, ml}) => {
|
|
return (
|
|
<div className='flex flex-col mb-7 relative [&>div>.number]:last:before:content-none'>
|
|
<div className="flex items-center">
|
|
<div className={'number border-yellow-200 border-4 flex items-center justify-center text-lg text-white relative font-bold bg-yellow-400 rounded-full w-16 h-16 mr-5 before:absolute before:bottom-0 before:bg-yellow-200 before:w-1 before:left-[calc(50%+5px)] before:h-[40px] before:-rotate-[11deg] before:-translate-y-[-100%] '+ml}>0{count}</div>
|
|
<p className='text-xl font-medium text-gray-800'>{title}</p>
|
|
</div>
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Step |