create committee box component
This commit is contained in:
parent
8a4be33420
commit
b80b732555
1 changed files with 29 additions and 0 deletions
29
src/public/components/CommitteeBox.tsx
Normal file
29
src/public/components/CommitteeBox.tsx
Normal file
|
@ -0,0 +1,29 @@
|
||||||
|
import * as React from "react";
|
||||||
|
import { Component } from "react";
|
||||||
|
|
||||||
|
interface CommitteeBoxProps {
|
||||||
|
boxTitle: string;
|
||||||
|
image: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default class CommitteeBox extends Component<CommitteeBoxProps> {
|
||||||
|
constructor(props: CommitteeBoxProps) {
|
||||||
|
super(props);
|
||||||
|
this.state = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
public render() {
|
||||||
|
return (
|
||||||
|
<div className="committee-card">
|
||||||
|
<div className="committee-title">{this.props.boxTitle}</div>
|
||||||
|
<div className="committee-img">
|
||||||
|
<img src={this.props.image}></img>
|
||||||
|
</div>
|
||||||
|
<div className="committee-description">
|
||||||
|
{this.props.description}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue