'use client';
import { ThemeToggle, type ThemeToggleProps } from '@/components/providers';
import { AvatarDropdown } from './AvatarDropdown';

export const Controls = (themeToggleProps?: ThemeToggleProps) => {
  return (
    <div className='flex flex-row items-center'>
      <ThemeToggle
        size={1.2}
        buttonProps={{
          variant: 'secondary',
          size: 'sm',
          className: 'mr-4 py-5',
          ...themeToggleProps?.buttonProps,
        }}
      />
      <AvatarDropdown />
    </div>
  );
};
