import * as React from 'react';

type StringOrNum = string | number;

export type ContainerTag = 'div' | 'span';

export interface ContainerProps {
    marginTop?: StringOrNum;
    marginBottom?: StringOrNum;
    marginRight?: StringOrNum;
    marginLeft?: StringOrNum;
    padding?: StringOrNum;
    paddingTop?: StringOrNum;
    paddingBottom?: StringOrNum;
    paddingRight?: StringOrNum;
    paddingLeft?: StringOrNum;
    backgroundColor?: string;
    borderRadius?: StringOrNum;
    maxWidth?: StringOrNum;
    maxHeight?: StringOrNum;
    width?: StringOrNum;
    height?: StringOrNum;
    minWidth?: StringOrNum;
    minHeight?: StringOrNum;
    isHidden?: boolean;
    className?: string;
    position?: 'absolute' | 'fixed' | 'relative' | 'unset';
    display?: 'inline-block' | 'block' | 'inline-flex' | 'inline';
    top?: string;
    left?: string;
    right?: string;
    bottom?: string;
    zIndex?: number;
    Tag?: ContainerTag;
    cursor?: string;
    id?: string;
    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
    overflowX?: 'scroll' | 'hidden' | 'auto' | 'visible';
}

export const Container: React.StatelessComponent<ContainerProps> = props => {
    const { children, className, Tag, isHidden, id, onClick, ...style } = props;
    const visibility = isHidden ? 'hidden' : undefined;
    return (
        <Tag id={id} style={{ ...style, visibility }} className={className} onClick={onClick}>
            {children}
        </Tag>
    );
};

Container.defaultProps = {
    Tag: 'div',
};

Container.displayName = 'Container';
ption>
<option value='2016Q1'>2016Q1</option>
<option value='2016Q2'>2016Q2</option>
<option value='2016Q3'>2016Q3</option>
<option value='2016Q4'>2016Q4</option>
<option value='2017Q1'>2017Q1</option>
<option value='2017Q2'>2017Q2</option>
<option value='2017Q3'>2017Q3</option>
<option value='2017Q4'>2017Q4</option>
<option value='2018Q1'>2018Q1</option>
<option value='2018Q2'>2018Q2</option>
<option value='2018Q3'>2018Q3</option>
<option value='2018Q4'>2018Q4</option>
<option value='2019Q1'>2019Q1</option>
<option value='2019Q2'>2019Q2</option>
<option value='2019Q3'>2019Q3</option>
<option value='2019Q4'>2019Q4</option>
<option value='2020Q1'>2020Q1</option>
<option value='2020Q2'>2020Q2</option>
<option value='2020Q3'>2020Q3</option>
<option value='2020Q4'>2020Q4</option>
<option value='2021Q1'>2021Q1</option>
<option value='2021Q2'>2021Q2</option>
<option value='2021Q3'>2021Q3</option>
<option value='2021Q4'>2021Q4</option>
<option value='2022Q1'>2022Q1</option>
<option value='2022Q2'>2022Q2</option>
<option value='2022Q3'>2022Q3</option>
<option value='2022Q4'>2022Q4</option>
<option value='2023Q1'>2023Q1</option>
<option value='2023Q2'>2023Q2</option>
<option value='2023Q3'>2023Q3</option>
<option value='2023Q4'>2023Q4</option>
<option value='2024Q1'>2024Q1</option>
<option value='2024Q2'>2024Q2</option>
<option value='2024Q3'>2024Q3</option>
<option value='2024Q4'>2024Q4</option>
<option value='2025Q1'>2025Q1</option>
<option value='2025Q2'>2025Q2</option>
<option value='2025Q3'>2025Q3</option>
<option value='branches/2014Q1'>branches/2014Q1</option>
<option value='branches/2014Q2'>branches/2014Q2</option>
<option value='branches/2014Q3'>branches/2014Q3</option>
<option value='branches/2014Q4'>branches/2014Q4</option>
<option value='branches/2015Q1'>branches/2015Q1</option>
<option value='branches/2015Q2'>branches/2015Q2</option>
<option value='branches/2015Q3'>branches/2015Q3</option>
<option value='branches/2015Q4'>branches/2015Q4</option>
<option value='branches/2016Q1'>branches/2016Q1</option>
<option value='branches/2016Q2'>branches/2016Q2</option>
<option value='branches/2016Q3'>branches/2016Q3</option>
<option value='branches/2016Q4'>branches/2016Q4</option>
<option value='branches/2017Q1'>branches/2017Q1</option>
<option value='branches/2017Q2'>branches/2017Q2</option>
<option value='branches/2017Q3'>branches/2017Q3</option>
<option value='branches/2017Q4'>branches/2017Q4</option>
<option value='branches/2018Q1'>branches/2018Q1</option>
<option value='branches/2018Q2'>branches/2018Q2</option>
<option value='branches/2018Q3'>branches/2018Q3</option>
<option value='branches/2018Q4'>branches/2018Q4</option>
<option value='branches/2019Q1'>branches/2019Q1</option>
<option value='branches/2019Q2'>branches/2019Q2</option>
<option value='branches/2019Q3'>branches/2019Q3</option>
<option value='branches/2019Q4'>branches/2019Q4</option>
<option value='branches/2020Q1'>branches/2020Q1</option>
<option value='branches/2020Q2'>branches/2020Q2</option>
<option value='branches/2020Q3'>branches/2020Q3</option>
<option value='branches/2020Q4'>branches/2020Q4</option>
<option value='branches/2021Q1'>branches/2021Q1</option>
<option value='branches/RELEASE_8_4_0'>branches/RELEASE_8_4_0</option>
<option value='branches/RELENG_2_1_0'>branches/RELENG_2_1_0</option>
<option value='branches/RELENG_2_2'>branches/RELENG_2_2</option>
<option value='branches/RELENG_9_1_0'>branches/RELENG_9_1_0</option>
<option value='branches/RELENG_9_2_0'>branches/RELENG_9_2_0</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/eslint-utils-1.4.3'>dependabot/npm_and_yarn/devel/electron4/files/eslint-utils-1.4.3</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/lodash-4.17.15'>dependabot/npm_and_yarn/devel/electron4/files/lodash-4.17.15</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/lodash.merge-4.6.2'>dependabot/npm_and_yarn/devel/electron4/files/lodash.merge-4.6.2</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/lodash.template-4.5.0'>dependabot/npm_and_yarn/devel/electron4/files/lodash.template-4.5.0</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/minimist-1.2.2'>dependabot/npm_and_yarn/devel/electron4/files/minimist-1.2.2</option>
<option value='dependabot/npm_and_yarn/devel/electron4/files/mixin-deep-1.3.2'>dependabot/npm_and_yarn/devel/electron4/files/mixin-deep-1.3.2</option>
<option value='main' selected='selected'>main</option>
<option value='master'>master</option>
<option value='svn_head'>svn_head</option>
</select> <input type='submit' value='switch'/></form></td></tr>
<tr><td class='sub'>FreeBSD Ports (https://github.com/freebsd/freebsd-ports)</td><td class='sub right'></td></tr></table>
<table class='tabs'><tr><td>
<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/about/'>about</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/'>summary</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/refs/?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>refs</a><a class='active' href='/~lantw44/cgit/cgit.cgi/freebsd-ports/log/net/p5-Net-Ping-External'>log</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/tree/net/p5-Net-Ping-External?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>tree</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>commit</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/diff/net/p5-Net-Ping-External?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>diff</a><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/stats/net/p5-Net-Ping-External'>stats</a></td><td class='form'><form class='right' method='get' action='/~lantw44/cgit/cgit.cgi/freebsd-ports/log/net/p5-Net-Ping-External'>
<input type='hidden' name='id' value='a9427521604ac294c1d5154e63d4c8edbd2729a0'/><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/cgit.cgi/freebsd-ports/log/?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>root</a>/<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/log/net?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>net</a>/<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/log/net/p5-Net-Ping-External?id=a9427521604ac294c1d5154e63d4c8edbd2729a0'>p5-Net-Ping-External</a></div><div class='content'><table class='list nowrap'><tr class='nohover'><th></th><th class='left'>Commit message (<a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/log/net/p5-Net-Ping-External?id=a9427521604ac294c1d5154e63d4c8edbd2729a0&amp;showmsg=1'>Expand</a>)</th><th class='left'>Author</th><th class='left'>Age</th><th class='left'>Files</th><th class='left'>Lines</th></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=fb16dfecae4a6efac9f3a78e0b759fb7a3c53de4'>Remove WWW entries moved into port Makefiles</a></td><td>Stefan Eßer</td><td><span title='2022-09-08 05:58:51 +0800'>2022-09-08</span></td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+0</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=b7f05445c00f2625aa19b4154ebcbce5ed2daa52'>Add WWW entries to port Makefiles</a></td><td>Stefan Eßer</td><td><span title='2022-09-08 05:10:59 +0800'>2022-09-08</span></td><td>1</td><td><span class='deletions'>-0</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=6a378e5659b93de6dbe8956246fb3bf971677624'>net: remove 'Created by' lines</a></td><td>Tobias C. Berner</td><td><span title='2022-07-20 22:22:37 +0800'>2022-07-20</span></td><td>1</td><td><span class='deletions'>-2</span>/<span class='insertions'>+0</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=305f148f482daf30dcf728039d03d019f88344eb'>Remove # $FreeBSD$ from Makefiles.</a></td><td>Mathieu Arnold</td><td><span title='2021-04-06 22:31:07 +0800'>2021-04-06</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+0</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=ad4f267b7a2606a97d9e9b015928a8ece70689d4'>Update WWW</a></td><td>Sunpoet Po-Chuan Hsieh</td><td><span title='2018-05-28 04:15:16 +0800'>2018-05-28</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=cb41fc662313ab27e3a613a60d4b23ce1729fe98'>Fix license information for portgs that use "the same license as Perl".</a></td><td>Mathieu Arnold</td><td><span title='2017-09-15 16:58:46 +0800'>2017-09-15</span></td><td>1</td><td><span class='deletions'>-1</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=093827f61a9228c598bd223062055ff604b01f10'>- Update to 0.15</a></td><td>Dmitry Marakasov</td><td><span title='2015-11-25 01:23:53 +0800'>2015-11-25</span></td><td>2</td><td><span class='deletions'>-5</span>/<span class='insertions'>+5</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=eee58d187e2c55fca6f53b9e482d33cf5346fe81'>Change the way Perl modules are installed, update the default Perl to 5.18.</a></td><td>Mathieu Arnold</td><td><span title='2014-11-26 21:08:24 +0800'>2014-11-26</span></td><td>2</td><td><span class='deletions'>-6</span>/<span class='insertions'>+1</span></td></tr>
<tr><td class='commitgraph'>* </td><td><a href='/~lantw44/cgit/cgit.cgi/freebsd-ports/commit/net/p5-Net-Ping-External?id=44105bbef82d297a098e178b03eb4290daa5d98b'>Convert n* to USES=zip</a></td><td>Baptiste Daroussin</td><td><span title='2014-03-11 00:38:00 +0800'>2014-03-11</span>