import React, {ReactNode} from 'react';
import CustomLabel from "./CustomLabel/CustomLabel";
import "./inline-input-wrapper.scss";

type InlineInputWrapperProps = {
    label:string
    children?: ReactNode
    customClass?:string
}

const InlineInputWrapper = ({children,label,customClass=''}: InlineInputWrapperProps) => {

    return (
        <div className={`input-fake-inline ${customClass}`} >
            <CustomLabel>
                {label}:
            </CustomLabel>
            {children || '--'}
        </div>
    );
}

export default InlineInputWrapper;