Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/command-menu/components/CommandGroup.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styled from '@emotion/styled';
+
+const StyledGroup = styled.div`
+  align-items: center;
+  color: ${({ theme }) => theme.font.color.light};
+  font-size: ${({ theme }) => theme.font.size.xs};
+  font-weight: ${({ theme }) => theme.font.weight.semiBold};
+  padding-bottom: ${({ theme }) => theme.spacing(2)};
+  padding-left: ${({ theme }) => theme.spacing(2)};
+  padding-right: ${({ theme }) => theme.spacing(1)};
+  padding-top: ${({ theme }) => theme.spacing(2)};
+  text-transform: uppercase;
+  user-select: none;
+`;
+
+type CommandGroupProps = {
+  heading: string;
+  children: React.ReactNode | React.ReactNode[];
+};
+
+export const CommandGroup = ({ heading, children }: CommandGroupProps) => {
+  if (!children || !React.Children.count(children)) {
+    return null;
+  }
+  return (
+    <div>
+      <StyledGroup>{heading}</StyledGroup>
+      {children}
+    </div>
+  );
+};