Functions as children component composition

PasswordField.jsx

const PasswordField = (props) => {
  let children = {
    label: <label>Password</label>,
    input: <input type="password" />
  };
  
  if (props.children) {
    return props.children(children);
  }
  
  return (
    <Field>
      {children.label}
      {children.input}
    </Field>
  );  
};