import { 
  sectionVariants, 
  cardVariants, 
  headingVariants, 
  textVariants, 
  ctaVariants, 
  iconVariants, 
  mobileVariants 
} from './animations';

// Choose animation variants based on device and content type
export const getVariants = (type: 'section' | 'card' | 'heading' | 'text' | 'cta' | 'icon', isMobile: boolean = false) => {
  if (isMobile) return mobileVariants;
  
  switch (type) {
    case 'section': return sectionVariants;
    case 'card': return cardVariants;
    case 'heading': return headingVariants;
    case 'text': return textVariants;
    case 'cta': return ctaVariants;
    case 'icon': return iconVariants;
    default: return sectionVariants;
  }
};

// Enhanced viewport settings for different content types
export const getViewportSettings = (type: 'hero' | 'section' | 'card' | 'footer') => {
  switch (type) {
    case 'hero': return { once: true, amount: 0.3 };
    case 'section': return { once: true, margin: "-100px", amount: 0.15 };
    case 'card': return { once: true, margin: "-80px", amount: 0.2 };
    case 'footer': return { once: true, margin: "-50px", amount: 0.1 };
    default: return { once: true, margin: "-100px", amount: 0.15 };
  }
};