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