export default ArabicText; A more robust implementation includes proper CSS and accessibility features:
function ArabicInput() return ( <label> <ArabicText>الاسم الكامل:</ArabicText> <input type="text" dir="rtl" lang="ar" placeholder="أدخل اسمك" /> </label> ); Arabic Text.jsx
/* For small UI elements */ .arabic-text.ui-text font-size: 0.875rem; line-height: 1.4; export default ArabicText