packageDocumentation module import classnames from "classnames" ; import * as React from "react" ; import { Input , InputProps } from "./Input" ; import { LabeledComponentProps , MessagedComponentProps } from "./LabeledComponentProps" ; public deprecated export interface LabeledInputProps extends InputProps , LabeledComponentProps , MessagedComponentProps { } public deprecated export function LabeledInput ( props ) { const { label , status , className , style , inputClassName , inputStyle , labelClassName , labelStyle , disabled , message , messageClassName , messageStyle , ... otherProps } = props ; return ( < label style = { style } className = { classnames ( "uicore-inputs-labeled-input" , disabled && "uicore-disabled" , status , className ) } > { label && < div className = { classnames ( "uicore-label" , labelClassName ) } style = { labelStyle } > { label } < /div>} < div className = { classnames ( "input" , { "with-icon" : ! ! status } ) } > < Input disabled = { disabled } className = { inputClassName } style = { inputStyle } { ... otherProps } /> { status && < i className = { classnames ( "icon" , `icon-status-${ status }` ) } />} < /div> { message && < div className = { classnames ( "uicore-message" , messageClassName ) } style = { messageStyle } > { message } < /div>} < /label>); }