import type { ReactNode } from "react";

import styles from "./InputGroup.module.scss";

export default function InputGroup({
  label,
  children,
}: {
  label?: string;
  children: ReactNode;
}) {
  return (
    <div className={styles["input-group"]}>
      {label && <span className={styles["input-group__label"]}>{label}</span>}

      <div className={styles["input-group__body"]}>{children}</div>
    </div>
  );
}