coffee-ts/components/page-description/PageDescription.tsx

import { Typography } from '@mui/material';
import { Box } from '@mui/system';

interface PageDescriptionProps {
    description: string;
}

const PageDescription: React.FC<PageDescriptionProps> = ({ description }) => {
    return (
        <Box sx={{ ml: { xs: 2, md: 12 }, my: 3 }}>
            <Typography sx={{ fontSize: 20 }}>{description}</Typography>
        </Box>
    );
};

export default PageDescription;