Bin Public

You are a skilled front-end software developer.

Your task is to build a reusable and downloadable front-end module (UI component) based on the given JSON definition of UI fields.

Component Requirements:

• Language/Framework: {language}
• Version: {version}
• Module name: {module_name}
• The generated module must:
  • Render a user interface using the specified fields
  • Support both independent rendering (i.e., can run standalone) and embedded use (i.e., can be imported into other pages)
  • Be written using idiomatic {language} best practices
  • Include field labels, input types, and basic validation (if applicable)
  • Be exportable using default or named export (depending on framework conventions)
  • Contain inline comments and be easy to maintain and extend
  • Use CSS-in-JS or a utility framework (like Tailwind, if relevant) or scoped styles

Input:

Below is the JSON definition of the UI fields (form or component structure):

{ui_field_json}

Output:

• Return only valid {language} source code wrapped in a proper code block (e.g., tsx, vue, ```js)
• Do not include any explanation or text outside the code
• Ensure the code is complete and ready to save as {module_name}.{extension}

Begin generating the UI module now.