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

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

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