2020-01-14 19:55:53 +00:00
|
|
|
import React from "react"
|
2019-12-14 23:24:49 +00:00
|
|
|
import accordionStyles from "./accordion.module.css"
|
|
|
|
|
2020-01-14 19:55:53 +00:00
|
|
|
export default ({ title, children }) => {
|
2019-12-14 23:24:49 +00:00
|
|
|
return (
|
2020-01-14 19:55:53 +00:00
|
|
|
<div>
|
|
|
|
<input
|
|
|
|
hidden={true}
|
|
|
|
type="checkbox"
|
|
|
|
id={`tab-${title}`}
|
|
|
|
name={`tab-${title}`}
|
|
|
|
/>
|
|
|
|
<label htmlFor={`tab-${title}`} className={accordionStyles.header}>
|
|
|
|
{title}
|
|
|
|
</label>
|
|
|
|
<div className={accordionStyles.content}>{children}</div>
|
|
|
|
</div>
|
2019-12-14 23:24:49 +00:00
|
|
|
)
|
|
|
|
}
|