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>
|
2020-01-23 21:06:44 +00:00
|
|
|
<input type="checkbox" id={`tab-${title}`} name={`tab-${title}`} />
|
2020-01-14 19:55:53 +00:00
|
|
|
<label htmlFor={`tab-${title}`} className={accordionStyles.header}>
|
|
|
|
{title}
|
|
|
|
</label>
|
2020-01-23 21:06:44 +00:00
|
|
|
<section className={accordionStyles.content}>{children}</section>
|
2020-01-14 19:55:53 +00:00
|
|
|
</div>
|
2019-12-14 23:24:49 +00:00
|
|
|
)
|
|
|
|
}
|