aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/animations/slide_animations.tsx
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-10-31 07:57:42 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-10-31 07:57:42 +0800
commit91f8487947d7941b508c34d1bfc1e72c0840c33d (patch)
treef3382eda9cae53b2b61e9f2c3cd4690ce6d7cc52 /packages/instant/src/components/animations/slide_animations.tsx
parent4456c3ee14f5cd778e0d16ab42a3e2e34d102f23 (diff)
downloaddexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.gz
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.bz2
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.lz
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.xz
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.tar.zst
dexon-sol-tools-91f8487947d7941b508c34d1bfc1e72c0840c33d.zip
feat: implement sliding panel
Diffstat (limited to 'packages/instant/src/components/animations/slide_animations.tsx')
-rw-r--r--packages/instant/src/components/animations/slide_animations.tsx23
1 files changed, 0 insertions, 23 deletions
diff --git a/packages/instant/src/components/animations/slide_animations.tsx b/packages/instant/src/components/animations/slide_animations.tsx
deleted file mode 100644
index 9f1535297..000000000
--- a/packages/instant/src/components/animations/slide_animations.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import * as React from 'react';
-import { Keyframes } from 'styled-components';
-
-import { css, keyframes, styled } from '../../style/theme';
-
-import { PositionAnimation, PositionAnimationSettings } from './position_animation';
-
-export type SlideAnimationPhase = 'slideIn' | 'slideOut';
-export interface SlideAnimationProps {
- position: string;
- phase: SlideAnimationPhase;
- slideIn: PositionAnimationSettings;
- slideOut: PositionAnimationSettings;
-}
-
-export const SlideAnimation: React.StatelessComponent<SlideAnimationProps> = props => {
- const propsToUse = props.phase === 'slideIn' ? props.slideIn : props.slideOut;
- return (
- <PositionAnimation position={props.position} {...propsToUse}>
- {props.children}
- </PositionAnimation>
- );
-};