import { describe, it, expect } from 'vitest';
import { cn } from '../src/utils/cn';
import { useMobile } from '../src/hooks/use-mobile';
import { Button } from '../src/components/ui/button';
import { Input } from '../src/components/ui/input';
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../src/components/ui/card';

describe('Shared UI Components Import Test', () => {
  it('should import utils correctly', () => {
    expect(cn).toBeDefined();
    expect(typeof cn).toBe('function');
  });

  it('should import hooks correctly', () => {
    expect(useMobile).toBeDefined();
    expect(typeof useMobile).toBe('function');
  });

  it('should import UI components correctly', () => {
    expect(Button).toBeDefined();
    expect(Input).toBeDefined();
    expect(Card).toBeDefined();
    expect(CardContent).toBeDefined();
    expect(CardDescription).toBeDefined();
    expect(CardFooter).toBeDefined();
    expect(CardHeader).toBeDefined();
    expect(CardTitle).toBeDefined();
  });

  it('should merge class names correctly', () => {
    const result = cn('class1', 'class2');
    expect(result).toBe('class1 class2');
  });
});