2025-05-28 15:36:51 -07:00

25 lines
574 B
TypeScript

import React from "react";
import { FormatUtils } from "@dndbeyond/character-rules-engine/es";
interface Props {
name: string;
className: string;
}
export default class Subsection extends React.PureComponent<Props> {
static defaultProps = {
className: "",
};
render() {
const { name, children, className } = this.props;
let classNames: Array<string> = [className, "ct-subsection"];
if (name) {
classNames.push(`ct-subsection--${FormatUtils.slugify(name)}`);
}
return <div className={classNames.join(" ")}>{children}</div>;
}
}