Two-tier Form Input with Label and Clear Button

This example uses Tailwind CSS to create a two-tier form input component with a label, text input, and clear button. The label is styled as a block element with text styling. The input uses rounded borders, box shadow, customized padding, placeholder text styling, and focus ring styling. The clear button is absolutely positioned to the right side and uses pointer-event styling.