export default function Profile(name) {
    let age = 30;
    return (
        <div className='profile-card'>
            <h1>Hello Mr {name}</h1> // name হলো একটা ডাইনামিক ভ্যালূ যা {} দিয়ে
            জাভাস্ক্রিপ্টের মাধ্যমে লেখা হয়েছে।
            <p>Your age is {age}</p> // age একটা ভ্যারিয়েবল থেকে পাওয়া ডাইনামিক ভ্যালু
            যা {} দিয়ে লেখা হয়েছে।
            <p>
                You are {age >= 21 ? "Eligable" : "Not Eligable"} for Marraige
                // এই লাইনে জাভাস্ক্রিপ্টের মাধ্যমে লজিকাল অপারেশন করা হয়েছে
            </p>
        </div>
    );
}

export default function Profile(name) {
    let age = 30;
    return (
        <div
            className='profile-card'
            style={{
                // এই লাইনে অবজেক্ট লেখা হয়েছে
                backgroundColor: "gray",
                color: "black",
                fontWeight: "bold",
            }}>
            <h1>Hello Mr {name}</h1> // name হলো একটা ডাইনামিক ভ্যালূ যা {} দিয়ে
            জাভাস্ক্রিপ্টের মাধ্যমে লেখা হয়েছে।
            <p>Your age is {age}</p> // age একটা ভ্যারিয়েবল থেকে পাওয়া ডাইনামিক ভ্যালু
            যা {} দিয়ে লেখা হয়েছে।
            <p>
                You are {age >= 21 ? "Eligable" : "Not Eligable"} for Marraige
                // এই লাইনে জাভাস্ক্রিপ্টের মাধ্যমে লজিকাল অপারেশন করা হয়েছে
            </p>
        </div>
    );
}