/**
* @license
* Copyright 2021 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import { html } from 'lit';
import { Field } from './field.js';
/**
* An outlined field component.
*/
export class OutlinedField extends Field {
renderOutline(floatingLabel) {
return html `
<div class="outline">
<div class="outline-start"></div>
<div class="outline-notch">
<div class="outline-panel-inactive"></div>
<div class="outline-panel-active"></div>
<div class="outline-label">${floatingLabel}</div>
</div>
<div class="outline-end"></div>
</div>
`;
}
}
//# sourceMappingURL=outlined-field.js.map