Files
Airframe-React/app/components/Accordion/AccordionHeader.js
2019-08-15 00:54:44 +02:00

34 lines
799 B
JavaScript
Executable File

import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import CardHeader from './../CardHeader';
import { Consumer } from './context';
import classes from './AccordionHeader.scss';
export const AccordionHeader = (props) => (
<Consumer>
{
({ onToggle }) => (
<CardHeader
className={
classNames(
props.className,
classes.header
)
}
onClick={ onToggle}
>
{ props.children }
</CardHeader>
)
}
</Consumer>
);
AccordionHeader.propTypes = {
children: PropTypes.node,
onClick: PropTypes.func,
className: PropTypes.string
};