import React, {ReactNode} from 'react';
import Typography from "./Typography";

type SectionTitleProps = {
    children?: ReactNode
}

const SectionTitle = ({children}: SectionTitleProps) => {

    return (
        <Typography
            tag='h2'
            fontSize={'2.5rem'}
            fontWeight={'normal'}
            letterSpacing={'-0.25px'}
            color={'var(--title-color)'}
            className={'mb-4 ms-0 ms-xl-4'}
        >
            {children}
        </Typography>
    );
}

export default SectionTitle;