import { type FC } from 'react'

type Props = {
    title: string,
}

const TitleLine: FC<Props> = (props: Props) => {
    return (
        <div className='w-full text-sm flex items-center gap-4'>
            <div className='whitespace-nowrap'>{props.title}</div>
            <svg style={{ width: '100%', height: 1 }} xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
                <line x1="0" y1="0" x2="100%" y2="0" stroke="#aaa" strokeWidth="1" strokeDasharray="5 3" />
            </svg>
        </div>
    )
}

export default TitleLine