refactor: break out Section container
This commit is contained in:
4
components/Section/Container/container.module.css
Normal file
4
components/Section/Container/container.module.css
Normal file
@@ -0,0 +1,4 @@
|
||||
.container {
|
||||
display: grid;
|
||||
gap: var(--Spacing-x3);
|
||||
}
|
||||
13
components/Section/Container/index.tsx
Normal file
13
components/Section/Container/index.tsx
Normal file
@@ -0,0 +1,13 @@
|
||||
import styles from "./container.module.css"
|
||||
|
||||
export default function SectionContainer({
|
||||
children,
|
||||
className = "",
|
||||
...props
|
||||
}: React.HTMLAttributes<HTMLElement>) {
|
||||
return (
|
||||
<section {...props} className={`${styles.container} ${className}`}>
|
||||
{children}
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user