refactor: move component into a single package (#898)

2026-07-22 04:26:23 +08:00 · 2023-02-08 22:19:11 -06:00
parent 0984c37cad
commit cc605251a8
145 changed files with 9609 additions and 450 deletions
@@ -0,0 +1,37 @@
+import { HTMLAttributes } from 'react';
+import { CloseIcon } from '@blocksuite/icons';
+import { IconButton, IconButtonProps } from '../button/IconButton';
+import { styled } from '../../styles';
+export type ModalCloseButtonProps = {
+  top?: number;
+  right?: number;
+  absolute?: boolean;
+} & Omit<IconButtonProps, 'children'> &
+  HTMLAttributes<HTMLButtonElement>;
+
+const StyledIconButton = styled(IconButton)<
+  Pick<ModalCloseButtonProps, 'top' | 'right'>
+>(({ top, right }) => {
+  return {
+    position: 'absolute',
+    top: top ?? 24,
+    right: right ?? 40,
+  };
+});
+
+export const ModalCloseButton = ({
+  absolute = true,
+  ...props
+}: ModalCloseButtonProps) => {
+  return absolute ? (
+    <StyledIconButton {...props}>
+      <CloseIcon />
+    </StyledIconButton>
+  ) : (
+    <IconButton {...props}>
+      <CloseIcon />
+    </IconButton>
+  );
+};
+
+export default ModalCloseButton;