Newer
Older
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
import { Card, Carousel, Space } from "antd";
import Meta from "antd/lib/card/Meta";
import React from "react";
const contentStyle: React.CSSProperties = {
height: "160px",
color: "#fff",
lineHeight: "160px",
textAlign: "center",
background: "#364d79",
};
const Preview: React.FC = () => (
<div>
<Space>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Cars"
src="https://upload.wikimedia.org/wikipedia/en/3/34/Cars_2006.jpg"
/>
}
>
<Meta title="Cars" description="Auta" />
</Card>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Monster House"
src="https://images-na.ssl-images-amazon.com/images/S/pv-target-images/9a996123e0b01f618ab2291b479f9d5034de354b2d1bb58979ddc6937588dfa8._RI_V_TTW_.jpg"
/>
}
>
<Meta title="Monster house" description="V tom domě straší" />
</Card>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Pokemon"
src="https://www.obchod.crew.cz/im/coc/1280/0/content/629080/cover_image.1607432614.jpg"
/>
}
>
<Meta title="Pokemon 3" description="Pokémon 3" />
</Card>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Gympl"
src="https://img.csfd.cz/files/images/user/profile/162/847/162847510_91e839.jpg"
/>
}
>
<Meta title="The Can" description="Gympl" />
</Card>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Toy Story"
src="https://m.media-amazon.com/images/M/MV5BMDU2ZWJlMjktMTRhMy00ZTA5LWEzNDgtYmNmZTEwZTViZWJkXkEyXkFqcGdeQXVyNDQ2OTk4MzI@._V1_.jpg"
/>
}
>
<Meta title="Toy Story" description="www.instagram.com" />
</Card>
<Card
hoverable
style={{
width: 240,
}}
cover={
<img
alt="Kour"
src="https://img.csfd.cz/files/images/user/profile/164/556/164556101_d8e43b.jpg"
/>
}
>
<Meta title="Smoke" description="Kouř" />
</Card>
</Space>
<Carousel autoplay>
<div>
<h3 style={contentStyle}>Avengers: Infinity War</h3>
</div>
<div>
<h3 style={contentStyle}>Morbius</h3>
</div>
<div>
<h3 style={contentStyle}>Princezna a Bubeník</h3>
</div>
<div>
<h3 style={contentStyle}>Scary Movie</h3>
</div>
<div>
<h3 style={contentStyle}>Scary Movie 2</h3>
</div>
<div>
<h3 style={contentStyle}>Scary Movie 3</h3>
</div>
</Carousel>
</div>
);
export default Preview;