import React from 'react'

const TextDivider = ({text }) => {
  return (
    <div className='flex items-center justify-center mt-4 mb-6'>
    <div className='h-0.5 bg-black w-[14rem] opacity-30'></div>
    <p className='text-[24px] mx-8 font-semibold'>
      {text}
    </p>
    <div className='h-0.5 bg-black w-[14rem] opacity-30'></div>
    </div>
    
  )
}

export default TextDivider