refactor: reuse the styles

penumbra-zone · Aug 19, 2024 · c154f24 · c154f24
1 parent 3675e56
commit c154f24
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 14 deletions.
diff --git a/packages/ui/src/Tooltip/index.tsx b/packages/ui/src/Tooltip/index.tsx
@@ -1,21 +1,10 @@
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { ReactNode } from 'react';
-import styled, { keyframes } from 'styled-components';
+import styled from 'styled-components';
 import { Text } from '../Text';
 import { buttonBase } from '../utils/button';
 import { small } from '../utils/typography';
-
-const scaleIn = keyframes`
-  from {
-    opacity: 0;
-    transform: scale(0);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-`;
+import { scaleIn } from '../utils/popover.ts';
 
 const Content = styled(RadixTooltip.Content).attrs(props => ({
   sideOffset: props.theme.spacing(1, 'number'),

diff --git a/packages/ui/src/utils/popover.ts b/packages/ui/src/utils/popover.ts
@@ -1,6 +1,6 @@
 import styled, { keyframes } from 'styled-components';
 
-const scaleIn = keyframes`
+export const scaleIn = keyframes`
   from {
     opacity: 0;
     transform: scale(0);