Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/ui/navigation/menu-item/components/MenuItemNavigate.tsx

@@ -0,0 +1,35 @@
+import { useTheme } from '@emotion/react';
+
+import { IconChevronRight } from '@/ui/display/icon';
+import { IconComponent } from '@/ui/display/icon/types/IconComponent';
+
+import { MenuItemLeftContent } from '../internals/components/MenuItemLeftContent';
+import {
+  StyledMenuItemBase,
+  StyledMenuItemLeftContent,
+} from '../internals/components/StyledMenuItemBase';
+
+export type MenuItemNavigateProps = {
+  LeftIcon?: IconComponent;
+  text: string;
+  onClick?: () => void;
+  className?: string;
+};
+
+export const MenuItemNavigate = ({
+  LeftIcon,
+  text,
+  className,
+  onClick,
+}: MenuItemNavigateProps) => {
+  const theme = useTheme();
+
+  return (
+    <StyledMenuItemBase onClick={onClick} className={className}>
+      <StyledMenuItemLeftContent>
+        <MenuItemLeftContent LeftIcon={LeftIcon} text={text} />
+      </StyledMenuItemLeftContent>
+      <IconChevronRight size={theme.icon.size.sm} />
+    </StyledMenuItemBase>
+  );
+};