TASK: Missing component from the previous commit

import {Component, Prop} from '@stencil/core';

@Component({

  tag: 'neos-form-input-wrapper',

  styleUrl: 'styles/form-input-wrapper.dark.scss',

  shadow: true

})

export class FormInputWrapper {

  @Prop() label: string;

  render() {

    return (

      <div class="label-wrapper">

        <div class="label">

          <neos-label label={this.label}></neos-label>

        </div>

        <div class="metadata">

          <slot name="metadata"/>

        </div>

      </div>

    );

  }

}

@import "./form-input-wrapper";

@import "./form-input-wrapper.dark.vars";

:host {

  display: flex;

  color: $text-dark-color-value;

  font-family: $font-family-dark-base;

  font-weight: 400;

  font-size: $font-size-dark-base;

  line-height: 1.1;

  .label-wrapper {

    flex: 1;

  }

  .metadata {

    margin-left: auto;

  }

}

@import "../../../themes/neos.globals.dark";

@import "./form-input-wrapper.vars";

:host {

  @include font-smoothing();

}

.label-wrapper {

  display: flex;

  align-items: flex-end;

}

@import "../../../themes/neos.globals";