import type { ReactNode } from 'react';

interface InputGroupProps {
    label: string;
    unit?: string;
    children: ReactNode;
    className?: string;
}

export const InputGroup = ({ label, unit, children, className = '' }: InputGroupProps) => {
    return (
        <div className={`input-group ${className}`}>
            <span className="input-label">{label}</span>
            {children}
            {unit && <span className="input-unit">{unit}</span>}
        </div>
    );
};