From 614687261e7d1815411816570ef0ca42e40e41e4 Mon Sep 17 00:00:00 2001
From: JohnMark Sill <johnmarksilly@gmail.com>
Date: Wed, 16 Feb 2022 15:58:34 -0600
Subject: [PATCH] feat: added className to TimelineControls

---
 web/src/components/Timeline/TimelineControls.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/src/components/Timeline/TimelineControls.tsx b/web/src/components/Timeline/TimelineControls.tsx
index dc0751e1e..88d4705ea 100644
--- a/web/src/components/Timeline/TimelineControls.tsx
+++ b/web/src/components/Timeline/TimelineControls.tsx
@@ -12,14 +12,21 @@ export interface DisabledControls {
 
 interface TimelineControlsProps {
   disabled: DisabledControls;
+  className?: string;
   onPlayPause: () => void;
   onNext: () => void;
   onPrevious: () => void;
 }
 
-export const TimelineControls = ({ disabled, onPlayPause, onNext, onPrevious }: TimelineControlsProps) => {
+export const TimelineControls = ({
+  disabled,
+  onPlayPause,
+  onNext,
+  onPrevious,
+  className = '',
+}: TimelineControlsProps) => {
   return (
-    <div className='flex space-x-2 self-center'>
+    <div className={`flex space-x-2 self-center ${className}`}>
       <BubbleButton variant='secondary' onClick={onPrevious} disabled={disabled.previous}>
         <Previous />
       </BubbleButton>