blob: be3ded71f714a9f3b070110065b50f92dceb54ff (
plain) (
blame)
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
|
import * as React from 'react';
import styled from 'styled-components';
import {Link} from 'ts/@next/components/button';
import {Icon} from 'ts/@next/components/icon';
interface Props {
icon: string;
title: string;
linkLabel: string;
linkUrl: string;
}
export const BlockIconLink = (props: Props) => (
<Wrap>
<div>
<Icon
name={props.icon}
size="large"
margin={[0, 0, 'default', 0]}
/>
</div>
</Wrap>
);
const Wrap = styled.div`
padding: 40px;
display: flex;
align-items: center;
text-align: center;
background-color: ${props => props.theme.lightBgColor};
`;
|