...

src/components/Button.tsx

@@ -1,21 +1,20 @@
 export default function Button({
-  label,
   onClick,
-  className = '',
-  selected = false
+  className,
+  selected,
+  children
 }: {
-  label:
-  string,
   onClick?: () => void,
   className?: string,
-  selected?: boolean
+  selected?: boolean,
+  children?: React.ReactNode
 }) {
   return (
     <button
       onClick={onClick}
       className={`px-2 py-1 rounded shadow-2xs font-bold hover:bg-gray-300 hover:cursor-pointer ${selected ? 'bg-gray-300' : "bg-white"} ${className}`}
     >
-      {label}
+      {children}
     </button>
   );
 }