Single function component use and EXPORT COMPONENT in SINGLE JSX FILE

 Single function component use

// Like as Text Widget

एक ही फाइल (FILE)  में  कंपोनेंट का उपयोग कैसे करें :-

                                        &

निर्यात (EXPORT) कैसे करें का उपयोग करें : -

import React from 'react';

import { Typography } from "@mui/material";

const Headingtypography = ({name}) => {  

    return (

        <>

            <Typography variant="h6" sx={{ fontFamily: 'Roboto', fontWeight: 'bold', color: 'black' }} gutterBottom>      

            {name}

            </Typography>

        </>

    );

}

export default Headingtypography;