Implement a Header Button component using Lit components that includes an href attribute for navigation functionality. This component will be utilized in the application's header to provide a clickable button for navigation purposes.
Requirements
The Header Button component should be created using Lit components.
It should accept the following properties:
href: A string representing the URL to navigate to when the button is clicked.
text (optional): A string representing the text to display on the button.
The component should render an button (<button>) element with the provided href attribute.
If the text property is provided, it should be used as the text content of the button.
The component should be styled appropriately to fit within the application's header.
Header Button
Implement a Header Button component using Lit components that includes an
hrefattribute for navigation functionality. This component will be utilized in the application's header to provide a clickable button for navigation purposes.Requirements
href: A string representing the URL to navigate to when the button is clicked.text(optional): A string representing the text to display on the button.<button>) element with the providedhrefattribute.textproperty is provided, it should be used as the text content of the button.Usage Example
Additional Notes
hrefattribute provided to the component is a valid URL.