forked from Semantic-Org/Semantic-UI-React
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ComponentPropsHeader.js
45 lines (38 loc) · 1004 Bytes
/
ComponentPropsHeader.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
import cx from 'classnames'
import PropTypes from 'prop-types'
import React from 'react'
import { Header, Icon } from 'semantic-ui-react'
import { updateForKeys } from 'docs/app/HOC'
const headerStyle = {
cursor: 'pointer',
display: 'inline-flex',
margin: '1em 0.5em',
marginLeft: 0,
}
const linkStyle = { color: 'inherit' }
const ComponentPropsHeader = ({ hasSubComponents, onClick, showProps }) => {
const iconClasses = cx(
showProps ? 'on' : 'off',
'toggle',
)
return (
<Header
as='h4'
className='no-anchor'
color={showProps ? 'green' : 'grey'}
style={headerStyle}
onClick={onClick}
>
<a style={linkStyle}>
<Icon name={iconClasses} />
Props{hasSubComponents && ':'}
</a>
</Header>
)
}
ComponentPropsHeader.propTypes = {
hasSubComponents: PropTypes.bool,
onClick: PropTypes.func,
showProps: PropTypes.bool,
}
export default updateForKeys(['hasSubComponents', 'showProps'])(ComponentPropsHeader)