sorta working resizeable loops

2 files changed, 1 insertions, 12 deletions

diff --git a/components/icons.tsx b/components/icons.tsx
index 954f516..50bf8f0 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -1,3 +1,4 @@
+import { Ref } from 'react';
 import { keyframeTypes } from '../timeline';
 
 export function PressureIcon() {
diff --git a/components/loop.tsx b/components/loop.tsx
deleted file mode 100644
index f459ab5..0000000
--- a/components/loop.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { CSSProperties } from 'react';
-import { SlideKeyframe } from './icons';
-
-export default function Loop(props: {
-	length: number;
-}) {
-	return <div style={{ '--loop-length': props.length } as CSSProperties} className='loop'>
-		<SlideKeyframe type='loop' />
-		<div className='connector dispinbl' />
-		<SlideKeyframe type='loop' loopEnd />
-	</div>;
-}