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

export const lff: ClientConfig = {
  auth: {
    clientId: ClientIds.Lff,
  },
  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.Lff,
  privacyLink: '/clients/instat/terms-and-conditions.html',
  showSearch: true,
  styles: {
    background: 'background-image: url(/images/Checker.png);',
    homePageHeader: css`
      background: linear-gradient(38.47deg, #242321 26.08%, #DB1C49 95.99%), #000000;
    `,
    logo: 'lff_auth_logo.svg',
    logoHeight: 6,
    logoLeft: 1.2,
    logoTop: 1.2,
    logoWidth: 6,
    matchLogoHeight: 2.5,
    matchLogoWidth: 2.5,
    mobileHeaderLogo: css`
      width: 42px;
      height: 42px;
    `,
    userAccountLogo: css`
      width: 80px;
      height: 80px;
    `,
  },
  termsLink: '/terms-and-conditions?client_id=lff-ott-web',
  title: 'InStat TV - The Home of Sports Streaming',
  userAccountLinksDisabled: true,
}