// @flow
import React from 'react';

import MobileLanguageSwitcher from './MobileLanguageSwitcher';
import DesktopLanguageSwitcher from './DesktopLanguageSwitcher';

type Props = {
  /** An object with href value for english, francais and espanol */
  urls: {
    english: string,
    francais: string,
    espanol: string,
  },
  /** Optional, allows for overriding or extending styling */
  +className?: string,
}


const LanguageSwitcher = ({ urls, className }: Props) => (
  <div className={className}>
    <DesktopLanguageSwitcher
      urls={urls}
    />
    <MobileLanguageSwitcher
      urls={urls}
    />
  </div>
);

LanguageSwitcher.defaultProps = {
  className: '',
};
export default LanguageSwitcher;