hensei-web/components/extra/ExtraContainerItem/index.tsx
Justin Edmund 877cb4491e Update extra weapons section
* ExtraContainer split into ExtraContainerItem
* Updated Guidebook result item, grid and unit
* Updated extra weapons grid and weapon grid
2023-06-30 22:14:08 -07:00

35 lines
671 B
TypeScript

import React, { PropsWithChildren } from 'react'
import classNames from 'classnames'
import styles from './index.module.scss'
// Props
interface Props {
title: string
className?: string
}
const ExtraContainerItem = ({
title,
children,
...props
}: PropsWithChildren<Props>) => {
const classes = classNames(
{
[styles.item]: true,
},
props.className?.split(' ').map((c) => styles[c])
)
return (
<div className={classes}>
<div className={styles.content}>
<header className={styles.header}>
<h3>{title}</h3>
</header>
{children}
</div>
</div>
)
}
export default ExtraContainerItem