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