import classNames from "classnames";
import React from "react";

type Props = {
  children?: React.ReactNode;
  label: string;
  className?: string | undefined;
};

export default function ControlLabel({
  label,
  children,
  className,
}: Props): JSX.Element {
  return (
    <div className={classNames("flex items-center space-x-4 my-2.5", className)}>
      <div className="flex-none text-2xl text-current font-medium">{label}</div>
      {children}
    </div>
  );
}