feat: forced file naming format (#2270)

2026-08-07 20:31:33 +08:00 · 2023-05-09 06:37:07 +08:00
parent 95bc5cac49
commit 4f99ad2db4
132 changed files with 208 additions and 100 deletions
@@ -0,0 +1,31 @@
+import type { HTMLAttributes, PropsWithChildren, ReactElement } from 'react';
+import { forwardRef } from 'react';
+
+import {
+  StyledContent,
+  StyledEndIconWrapper,
+  StyledMenuItem,
+  StyledStartIconWrapper,
+} from './styles';
+
+export type IconMenuProps = PropsWithChildren<{
+  icon?: ReactElement;
+  endIcon?: ReactElement;
+  iconSize?: [number, number];
+  disabled?: boolean;
+}> &
+  HTMLAttributes<HTMLButtonElement>;
+
+export const MenuItem = forwardRef<HTMLButtonElement, IconMenuProps>(
+  ({ endIcon, icon, children, ...props }, ref) => {
+    return (
+      <StyledMenuItem ref={ref} {...props}>
+        {icon && <StyledStartIconWrapper>{icon}</StyledStartIconWrapper>}
+        <StyledContent>{children}</StyledContent>
+        {endIcon && <StyledEndIconWrapper>{endIcon}</StyledEndIconWrapper>}
+      </StyledMenuItem>
+    );
+  }
+);
+MenuItem.displayName = 'MenuItem';
+export default MenuItem;