import { css } from 'styled-components/macro'

import {
  ClientConfig,
  ClientIds,
  ClientNames,
} from './types'

const randomHash = () => (
  (Math.random() ** Math.random()) * 9999999999999999
)

export const tunis: ClientConfig = {
  auth: {
    clientId: ClientIds.Tunis,
    metaDataUrlParams: `?hash=${randomHash()}`,
  },
  defaultLanguage: 'fr',
  description: 'Live sports streaming platform. All matches playing under the auspices of Czech Republic FA. Access to full matches, various player playlists, and highlights. Free access in the Czech Republic. Available across all devices',
  disabledPreferences: false,
  name: ClientNames.Tunis,
  privacyLink: '/privacy-policy-and-statement',
  showSearch: false,
  styles: {
    background: '',
    homePageHeader: css`
      background: radial-gradient(
          160.34% 257.27% at -7.45% 162.22%,
          #2AB7AA 3.27%,
          #02505C 43.69%, #0B2E4D 100%);
    `,
    logo: 'tunis-logo.svg',
    logoHeight: 6.3,
    logoLeft: 1.1,
    logoTop: 1.74,
    logoWidth: 8.25,
    matchLogoHeight: 3.4,
    matchLogoTopMargin: 0.9,
    matchLogoWidth: 4.5,
    matchPageMobileHeaderLogo: css`
      width: 35px;
      height: 25px;
      top: 2px;
    `,
    mobileHeaderLogo: css`
      width: 48px;
      height: 37px;
    `,
    userAccountLogo: css`
      width: 4.56rem;
      height: 3.488rem;
    `,
  },
  termsLink: '/terms-and-conditions?client_id=facr-ott-web',
  title: 'FACR.TV - The home of Czech football streaming',
  userAccountLinksDisabled: true,
}
