import { css } from 'styled-components/macro'
import {
  ClientConfig,
  ClientIds,
  ClientNames,
} from './types'

export const instat: ClientConfig = {
  auth: {
    clientId: ClientIds.Instat,
  },
  defaultLanguage: 'en',
  description: 'Live sports streaming platform. Football, basketball, ice hockey and more. Access to various player playlists and game highlights. Multiple subscription options. Available across all devices.',
  disabledPreferences: true,
  name: ClientNames.Instat,
  privacyLink: '/privacy-policy-and-statement',
  showSearch: true,
  styles: {
    background: 'background-image: url(/images/Checker.png);',
    logo: 'logo.svg',
    logoHeight: 1.465,
    logoLeft: 1.7,
    logoTop: 1.5,
    logoWidth: 6.37,
    matchLogoHeight: 1.465,
    matchLogoWidth: 6.37,
    matchPageMobileHeaderLogo: css`
      width: 65px;
      height: 15px;
    `,
    mobileHeaderLogo: css`
      width: 84px;
      height: 20px;
      @media screen and (orientation: landscape){
        width: 92px;
        height: 22px;
      }
    `,
    userAccountLogo: css`
      width: 6.37rem;
      height: 1.465rem;
    `,
  },
  termsLink: '/terms-and-conditions',
  title: 'InStat TV - The Home of Sports Streaming',
}
