2020-12-14 18:52:43 +00:00
|
|
|
import React, {Component} from 'react';
|
2020-12-12 20:18:25 +00:00
|
|
|
|
|
|
|
type CardProps = {
|
|
|
|
title: string,
|
2020-12-13 19:32:33 +00:00
|
|
|
content: string,
|
2020-12-12 20:18:25 +00:00
|
|
|
}
|
|
|
|
|
2020-12-13 11:27:50 +00:00
|
|
|
|
2020-12-18 14:02:21 +00:00
|
|
|
export class SidebarCard extends Component<CardProps> {
|
2020-12-13 11:27:50 +00:00
|
|
|
constructor(props: CardProps) {
|
|
|
|
super(props)
|
|
|
|
}
|
|
|
|
|
|
|
|
render() {
|
|
|
|
return (
|
2020-12-18 14:02:21 +00:00
|
|
|
<div className="bg-gray-300 mt-2 mx-4 rounded p-4">
|
|
|
|
<div className="text-gray-600">{this.props.title}</div>
|
|
|
|
<div className="mt-1 mx-auto text-center text-3xl font-semibold">{this.props.content}</div>
|
|
|
|
</div>
|
|
|
|
)
|
2020-12-13 11:27:50 +00:00
|
|
|
}
|
2020-12-18 14:02:21 +00:00
|
|
|
}
|