All files / src/Link Link.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
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
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import React, { Component } from 'preact';
import PropTypes from 'prop-types';
import { StyledLink } from './styles';
 
/**
 * Provides declarative, accessible navigation around your application.
 *
 * @example ./../../docs/components/Link.md
 */
class Link extends Component {
    static propTypes = {
        /**
         * Anchor link
         */
        href: PropTypes.string,
 
        /**
         * Custom styles
         */
        style: PropTypes.object,
 
        /**
         * Gets called when the user clicks on the button
         *
         * @param {SyntheticEvent} event The react `SyntheticEvent`
         */
        onClick: PropTypes.func,
    };
 
    static contextTypes = {
        theme: PropTypes.object,
    };
 
    render() {
        const {
            style = {},
            url = '#',
            target = '',
            onClick,
            className,
        } = this.props;
        const { theme } = this.context;
 
        return (
            <StyledLink
                style={style}
                href={url}
                target={target}
                onClick={onClick}
                className={className}
                theme={theme}
            >
                {this.props.children}
            </StyledLink>
        );
    }
}
 
export default Link;