/** @jsxRuntime classic */
/** @jsx jsx */
import React, { FC } from 'react';
import { css, jsx } from '@emotion/react';
import { getIcon } from './icons';

const CourtsButtonCss = css`
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #7c9cb4;
  display: flex;
  cursor: pointer;
`;

export const CourtsButton: FC = () => (
  <div css={CourtsButtonCss}>Courts {getIcon('expand_all', 'l')}</div>
);