import { colors, MarkdownCodeBlock } from '@0xproject/react-shared';
import * as React from 'react';
import * as ReactMarkdown from 'react-markdown';

export interface CommentProps {
    comment: string;
    className?: string;
}

const defaultProps = {
    className: '',
};

export const Comment: React.SFC<CommentProps> = (props: CommentProps) => {
    return (
        <div className={`${props.className} comment`} style={{ color: colors.greyTheme }}>
            <ReactMarkdown source={props.comment} renderers={{ code: MarkdownCodeBlock }} />
        </div>
    );
};

Comment.defaultProps = defaultProps;
ef='https://phantom.tfcis.org/~lantw44/git/gsoc2013-evolution' title='gsoc2013-evolution Git repository'/>
<link rel='vcs-git' href='https://www.csie.ntu.edu.tw/~b01902062/git/gsoc2013-evolution' title='gsoc2013-evolution Git repository'/>
</head>
<body>
<div id='cgit'><table id='header'>
<tr>
<td class='logo' rowspan='2'><a href='/~lantw44/cgit/'><img src='/~lantw44/cgit-data/cgit.png' alt='cgit logo'/></a></td>
<td class='main'><a href='/~lantw44/cgit/'>index</a> : <a title='gsoc2013-evolution' href='/~lantw44/cgit/gsoc2013-evolution/'>gsoc2013-evolution</a></td><td class='form'><form method='get'>
<input type='hidden' name='id' value='8a3453fee1c8150336169f55261c26699084a4ce'/><input type='hidden' name='showmsg' value='1'/><select name='h' onchange='this.form.submit();'>
<option value='archive-integration' selected='selected'>archive-integration</option>
<option value='archive-integration-review'>archive-integration-review</option>
<option value='master'>master</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>Google Summer of Code 2013 - GNOME - Archive Integration workspace</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/~lantw44/cgit/gsoc2013-evolution/about/'>about</a><a href='/~lantw44/cgit/gsoc2013-evolution/'>summary</a><a href='/~lantw44/cgit/gsoc2013-evolution/refs/?id=8a3453fee1c8150336169f55261c26699084a4ce'>refs</a><a class='active' href='/~lantw44/cgit/gsoc2013-evolution/log/e-util/test-source-combo-box.c?showmsg=1'>log</a><a href='/~lantw44/cgit/gsoc2013-evolution/tree/e-util/test-source-combo-box.c?id=8a3453fee1c8150336169f55261c26699084a4ce'>tree</a><a href='/~lantw44/cgit/gsoc2013-evolution/commit/e-util/test-source-combo-box.c?id=8a3453fee1c8150336169f55261c26699084a4ce'>commit</a><a href='/~lantw44/cgit/gsoc2013-evolution/diff/e-util/test-source-combo-box.c?id=8a3453fee1c8150336169f55261c26699084a4ce'>diff</a><a href='/~lantw44/cgit/gsoc2013-evolution/stats/e-util/test-source-combo-box.c'>stats</a></td><td class='form'><form class='right' method='get' action='/~lantw44/cgit/gsoc2013-evolution/log/e-util/test-source-combo-box.c'>
<input type='hidden' name='id' value='8a3453fee1c8150336169f55261c26699084a4ce'/><input type='hidden' name='showmsg' value='1'/><select name='qt'>
<option value='grep'>log msg</option>
<option value='author'>author</option>
<option value='committer'>committer</option>
<option value='range'>range</option>
</select>
<input class='txt' type='search' size='10' name='q' value=''/>
<input type='submit' value='search'/>
</form>
</td></tr></table>
<div class='path'>path: <a href='/~lantw44/cgit/gsoc2013-evolution/log/?id=8a3453fee1c8150336169f55261c26699084a4ce&amp;showmsg=1'>root</a>/<a href='/~lantw44/cgit/gsoc2013-evolution/log/e-util?id=8a3453fee1c8150336169f55261c26699084a4ce&amp;showmsg=1'>e-util</a>/<a href='/~lantw44/cgit/gsoc2013-evolution/log/e-util/test-source-combo-box.c?id=8a3453fee1c8150336169f55261c26699084a4ce&amp;showmsg=1'>test-source-combo-box.c</a></div><div class='content'><table class='list nowrap'><tr class='nohover'><th></th><th class='left'>Commit message (<a href='/~lantw44/cgit/gsoc2013-evolution/log/e-util/test-source-combo-box.c?id=8a3453fee1c8150336169f55261c26699084a4ce'>Collapse</a>)</th><th class='left'>Author</th><th class='left'>Age</th><th class='left'>Files</th><th class='left'>Lines</th></tr>