feat: forced file naming format (#2270)

packages/component/src/ui/tooltip/tooltip.tsx

@@ -0,0 +1,27 @@
+import type { TooltipProps } from '@mui/material';
+
+import { styled } from '../../styles';
+import { Popper, type PopperProps } from '../popper';
+import StyledPopperContainer from '../shared/container';
+const StyledTooltip = styled(StyledPopperContainer)(() => {
+  return {
+    maxWidth: '320px',
+    boxShadow: 'var(--affine-float-button-shadow)',
+    padding: '4px 12px',
+    backgroundColor: 'var(--affine-tooltip)',
+    color: 'var(--affine-white)',
+    fontSize: 'var(--affine-font-sm)',
+  };
+});
+
+export const Tooltip = (props: PopperProps & Omit<TooltipProps, 'title'>) => {
+  const { content, placement = 'top-start', children } = props;
+  return (
+    <Popper
+      {...props}
+      content={<StyledTooltip placement={placement}>{content}</StyledTooltip>}
+    >
+      {children}
+    </Popper>
+  );
+};