27 lines
584 B
TypeScript
27 lines
584 B
TypeScript
import classNames from "classnames";
|
|
import React from "react";
|
|
|
|
import "./branding.scss";
|
|
|
|
type BrandingProps = {
|
|
logoContent: React.ReactNode;
|
|
modifier?: "backlink" | "logo" | "content" | "footer";
|
|
};
|
|
|
|
export default function Branding({
|
|
logoContent,
|
|
modifier,
|
|
children,
|
|
}: React.PropsWithChildren<BrandingProps>) {
|
|
return (
|
|
<div
|
|
className={classNames("branding", {
|
|
[`branding--${modifier}`]: modifier,
|
|
})}
|
|
>
|
|
<div className="branding__logo">{logoContent}</div>
|
|
<div className="branding__content">{children}</div>
|
|
</div>
|
|
);
|
|
}
|