mirror of
https://github.com/brianlovin/security-checklist.git
synced 2026-03-11 08:55:31 +00:00
22 lines
608 B
JavaScript
22 lines
608 B
JavaScript
// @flow
|
|
import React from 'react';
|
|
import { Title, Description, Uncollapse } from './style';
|
|
import type { ChecklistResource } from '../../types';
|
|
|
|
type Props = {
|
|
resource: ChecklistResource,
|
|
isCollapsed: boolean,
|
|
handleCollapse: Function,
|
|
};
|
|
|
|
export const Heading = ({ resource, isCollapsed, handleCollapse }: Props) => (
|
|
<React.Fragment>
|
|
<Title>
|
|
{resource.title}
|
|
<Uncollapse onClick={handleCollapse}>
|
|
{isCollapsed ? 'Show details' : 'Hide details'}
|
|
</Uncollapse>
|
|
</Title>
|
|
{!isCollapsed && <Description source={resource.description} />}
|
|
</React.Fragment>
|
|
);
|