refact: examples

src/components/options/ToolOptionGroups.tsx

@@ -8,14 +8,16 @@ export interface ToolOptionGroup {
 }
 
 export default function ToolOptionGroups({
-  groups
+  groups,
+  vertical
 }: {
   groups: ToolOptionGroup[];
+  vertical?: boolean;
 }) {
   return (
     <Grid container spacing={2}>
       {groups.map((group) => (
-        <Grid item xs={12} md={4} key={group.title}>
+        <Grid item xs={12} md={vertical ? 12 : 4} key={group.title}>
           <Typography mb={1} fontSize={22}>
             {group.title}
           </Typography>