import { ReactNode } from 'react';
import { twMerge } from 'tailwind-merge';

interface RecordWaveformContainerProps {
  children: ReactNode;
  className?: string;
}

export const RecordWaveformContainer: React.FC<
  RecordWaveformContainerProps
> = ({ children, className }) => {
  return (
    <div
      className={twMerge(
        'flex w-full items-center justify-center',
        'rounded-xl bg-transparent',
        'overflow-hidden',
        className
      )}
    >
      {children}
    </div>
  );
};