< div className="overview-content p-4 rounded" style={{ marginLeft: '3rem' }}>
<div className="p-4 rounded shadow-md w-50
ml--auto" style={{ backgroundColor: [Link][400] }}>
<div className="flex justify-between
mb-3">
<h5 className="font-
bold">Balance</h5>
<h6 className="font-bold">₹
{balance}</h6>
</div>
<div className="flex justify-between">
<h5
className="font-bold">Credit</h5>
<h6 className="font-bold">₹
{credit}</h6>
</div>
</div>
<form style={{ marginTop: '4rem' }} >
<div className="grid grid-cols-1
md:grid-cols-2 gap-4">
<div>
<div className="mb-3">
<label for="companyName"
className="block font-bold mb-2" >Company Name</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder=" company name"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{suppliername}</text>
</div>
<div className="mb-3">
<label
for="companyAddress1" className="block font-bold mb-2" >Company Address 1</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder=" company address"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{address1}</text>
</div>
<div className="mb-3">
<label
for="companyAddress2" className="block font-bold mb-2" >Company Address 2</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder="company address"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{address2}</text>
</div>
</div>
<div>
<div className="mb-3">
<label for="companyPhone"
className="block font-bold mb-2">Phone Number</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder="phone number"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{suppliercontact}</text>
</div>
<div className="mb-3">
<label for="companyEmail"
className="block font-bold mb-2" >Email</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder="Email"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{supplieremail}</text>
</div>
<div className="mb-3">
<label for="gstNumber"
className="block font-bold mb-2" >GST Number</label>
<text id="companyName"
className="w-full px-3 py-2 rounded-lg" placeholder="GST number"
style={{ backgroundColor: [Link][400], width: '400px', border:
'none' }}>{gstnumber}</text>
</div>
</div>
</div>
</form>
</div>