const LessonOneLink = () => { const linkStyle = { fontSize: "18px", fontWeight: "600", color: "#007bff", textDecoration: "none", }; const linkContainerStyle = { backgroundColor: "#f5f5f5", padding: "10px", borderRadius: "5px", margin: "5px 0", textAlign: "center", }; return ( <div style={linkContainerStyle}> <a style={linkStyle} href="https://hackmd.io/23MmiNmXQ6WFW7zq_xYCHg?view" target="_blank" > Lesson 1 </a> </div> ); }; // Usage in your main function or another component return ( <div> <LessonOneLink /> </div> );