loop keyframe component

1 files changed, 11 insertions, 0 deletions

diff --git a/components/loop.tsx b/components/loop.tsx
new file mode 100644
index 0000000..beaf019
--- /dev/null
+++ b/components/loop.tsx
@@ -0,0 +1,11 @@
+import { SlideKeyframe } from './icons';
+
+export default function Loop(props: {
+	width: number;
+}) {
+	return <div style={{ width: props.width }} className='loop'>
+		<SlideKeyframe type='loop' />
+		<div className='connector' />
+		<SlideKeyframe type='loop' loopEnd />
+	</div>;
+}