/**
 * Tests for SyncStatusBadge component
 */
import { render, screen } from '@testing-library/react';
import { SyncStatusBadge } from '../SyncStatusBadge';

describe('SyncStatusBadge', () => {
  it('renders Native badge correctly', () => {
    render(<SyncStatusBadge status="native" />);
    expect(screen.getByText('Native')).toBeInTheDocument();
  });

  it('renders Imported badge correctly', () => {
    render(<SyncStatusBadge status="imported" />);
    expect(screen.getByText('Imported')).toBeInTheDocument();
  });

  it('renders Synced badge correctly', () => {
    render(<SyncStatusBadge status="synced" />);
    expect(screen.getByText('Synced')).toBeInTheDocument();
  });

  it('applies custom className', () => {
    const { container } = render(<SyncStatusBadge status="native" className="custom-class" />);
    expect(container.firstChild).toHaveClass('custom-class');
  });
});

