import type { ReactNode, FC } from 'react'
import { css } from 'styled-components/macro'

import { ClientIds, ClientNames } from 'config/clients/types'

type StyledCss = ReturnType<typeof css>

export type ClientConfig = {
  auth: {
    clientId: ClientIds,
  },
  background: FC<{ children: ReactNode }>,
  defaultLanguage: string,
  description: string,
  isHideSelectLanguages?: boolean,
  name: ClientNames,
  privacyLink: string,
  styles: {
    centerBlock?: StyledCss,
    input?: StyledCss,
    inputGroup?: StyledCss,
    loader?: StyledCss,
    logo: StyledCss,
    popupApplyButton?: StyledCss,
    popupLoader?: string,
    submitButton?: StyledCss,
  },
  termsLink: string,
  title: string,
}
