import { Link } from 'react-router-dom'

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

import { isMobileDevice } from 'config/userAgent'

export const CompanyInfoWrapper = styled.div`
  margin-top: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.5);

  ${isMobileDevice ? css`
    margin-top: 20px;
  ` : ''}
`

export const CompanyInfoText = styled.div``

export const CompanyInfoLink = styled(Link)`
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
`
