// components/Input.js
import { h } from "sigpro";

export const Input = (props) => h("input", { ...props, class: `input ${props.class ?? ''}` });

export const InputLabel = (props) => h("label", { class: `${props.float ? 'floating-label' : 'input'}` },
  [
    h("span", { class: props.float ? '' : 'label opacity-50' }, props.label),
    props.left ?? null,
    h("input", { ...props, class: `${props.float ? 'input' : ''} ${props.class ?? ''}` }),
    props.right ?? null
  ]
);