import React from 'react';

// The button each of the home page's dialogs opens from. A sublabel makes it a
// two-line tile: the label in bold, the sublabel under it.
export default function PickerButton({label, sublabel, className, onClick}) {
  return (
    <button type="button" className={className} onClick={onClick}>
      {sublabel ? <><b>{label}</b>{sublabel}</> : label}
    </button>
  );
}