32 lines
708 B
TypeScript
32 lines
708 B
TypeScript
import { PureComponent, PropsWithChildren } from "react";
|
|
|
|
interface Props extends PropsWithChildren {
|
|
className: string;
|
|
viewBox: string;
|
|
preserveAspectRatio?: string;
|
|
}
|
|
|
|
export default class BaseSvg extends PureComponent<Props> {
|
|
static defaultProps = {
|
|
className: "",
|
|
viewBox: "0 0 100 100",
|
|
};
|
|
|
|
render() {
|
|
const { className, viewBox, children, preserveAspectRatio } = this.props;
|
|
|
|
let classNames: Array<string> = ["ddbc-svg", className];
|
|
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox={viewBox}
|
|
className={classNames.join(" ")}
|
|
preserveAspectRatio={preserveAspectRatio}
|
|
>
|
|
{children}
|
|
</svg>
|
|
);
|
|
}
|
|
}
|