import { Divider, Flex, Text } from "@mantine/core";

type Props = {
    title: string;
}

const TitleWithLines = ({ title }: Props) => {
    return (
        <Flex
            align="center"
            gap="xs">
            <Divider style={{ flex: 1 }} />
            <Text>{title}</Text>
            <Divider style={{ flex: 1 }} />
        </Flex>
    );
};

export default TitleWithLines;
