export function Field({ label, children, hint }) {
  return (
    <div className="field">
      {label && <label className="field-label">{label}</label>}
      {children}
      {hint && <span className="text-muted" style={{ fontSize: '.72rem' }}>{hint}</span>}
    </div>
  );
}

export function FieldRow({ children }) {
  return <div className="field-row">{children}</div>;
}