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

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

export const RecordModeContainer: React.FC<RecordModeContainerProps> = ({
  children,
  className,
}) => {
  return (
    <div
      className={twMerge(
        'flex h-[32px] w-full items-center justify-center',
        'px-4',
        className
      )}
    >
      {children}
    </div>
  );
};