'use client';

import type { ThemeToggleProps } from '@gib/ui';
import { ThemeToggle } from '@gib/ui';

import { AvatarDropdown } from './AvatarDropdown';

export const Controls = (themeToggleProps?: ThemeToggleProps) => {
  return (
    <div className='flex items-center gap-3'>
      <ThemeToggle
        size={1.1}
        buttonProps={{
          variant: 'ghost',
          size: 'sm',
          ...themeToggleProps?.buttonProps,
        }}
      />
      <AvatarDropdown />
    </div>
  );
};
