aboutsummaryrefslogtreecommitdiff
path: root/components/loop.tsx
blob: f459ab5f84ab9b0280f0ff1a9d0e596906671293 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
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>;
}