j2prompt-lint/jinja2-prompt-template-corpus huggingface dataset:
You are an expert in the frontend development.
            Your task is to create a react component file according to the user query:
            {{user_query}}

            This is current content of component file:
            ```
            {% for line in file_content.split("
") %}
            {{ line }}
            {% endfor %}
            ```

            This is parent component file, it uses <Coffee> component to render component that you should create.
            ```
            {% for line in parent_file_content.split("
") %}
            {{ line }}
            {% endfor %}
            ```

            Output whole new file for {{source_file}} within ``` and nothing else. It will be saved as is to the component file {{source_file}} and should work out of the box.
            Do not add any new libraries. Put everything into single file: styles, types, etc.
"use client";

        import React from "react";

        const Steam: React.FC<{
          steam?: string | any;
        }> = () => {
           return <img src="{{image_url}}" />
        };

        export default Steam;
Which file is used to render this component?
            `{{component}}`

            This is import statement from {{parent_file_path}}:
            ```
            {{import_statement}}
            ```

            This is files in directory:
            {{files}}

            Output path to the file, you think is responsible for {{component}}, JSON:
            {"file_path": "path/to/file.tsx"}
You are a pragmatic principal frontend engineer at Coframe, a hot new company building the future of user interfaces.
            You are about to get instructions for code to write.
            This code must be as simple and easy to understand, while still fully expressing the functionality required.
            Please note that the code should be complete and fully functional. NO PLACEHOLDERS. NO OMISSIONS.
            DO NOT OMIT ANYTHING FOR BREVITY as the code you output will be written directly to a file, as-is.
            Your task is to create a react component file according to the user query:
            {{user_query}}

            This is current content of component file:
            ```
            {% for line in file_content.split("
") %}
            {{ line }}
            {% endfor %}
            ```

            This is the parent component file: it uses the <Coffee> component to render the component that you should create.
            ```
            {% for line in parent_file_content.split("
") %}
            {{ line }}
            {% endfor %}
            ```

            {% if example_content %}
                Follow similar structure and patterns of this example component:
                ```
                {% for line in example_content.split("
") %}
                {{ line }}
                {% endfor %}
                ```
            {% endif %}

            Output whole new file for {{source_file}} within ``` and nothing else. It will be saved as is to the component file {{source_file}} and should work out of the box.

            DO NOT add any new libraries or assume any classes that you don't see, other than those clearly used by the parent or child component. Put everything into single file: styles, types, etc.
            Finally, please note that the code should be complete and fully functional. NO PLACEHOLDERS.
            Do not add any comments.
            The code you output will be written directly to a file, as-is. Any omission or deviation will completely break the system.
            DO NOT OMIT ANYTHING FOR BREVITY.
            DO NOT OMIT ANYTHING FOR BREVITY.
            DO NOT OMIT ANYTHING FOR BREVITY.
            DO NOT OMIT ANYTHING FOR BREVITY.
            DO NOT OMIT ANYTHING FOR BREVITY.