app/containers/App/EmptyItem.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

import React from 'react';
import styled, { keyframes } from 'styled-components';

const blink = keyframes`
  from, to {
    color: transparent;
  }

  50% {
    color: white;
  }
`;

const Marker = styled.span`
  animation: ${blink} 1s step-end infinite;
`;

const Item = styled.div`
  flex: 1 0 auto;
  display: flex;
  align-items: flex-end;
  white-space: pre;
`;

const LotteryItem = () => (
  <Item>
    Place your bets! We will have a lucky winner soon...<Marker>_</Marker>
  </Item>
);

export default LotteryItem;