31 lines
905 B
TypeScript
31 lines
905 B
TypeScript
import * as React from "react";
|
|
import { Component } from "react";
|
|
|
|
export interface CarouselItemProps {
|
|
name: string;
|
|
position: string;
|
|
email: string;
|
|
photo: string;
|
|
}
|
|
|
|
export default class CarouselItem extends Component<CarouselItemProps> {
|
|
constructor(props: CarouselItemProps) {
|
|
super(props);
|
|
this.state = {};
|
|
}
|
|
|
|
public render() {
|
|
return (
|
|
<div className="carousel-item">
|
|
<img src={this.props.photo}></img>
|
|
<div className="carousel-name">{this.props.name}</div>
|
|
<div className="carousel-pos">{this.props.position}</div>
|
|
<div className="carousel-email">
|
|
<a href={"mailto:" + this.props.email}>
|
|
{this.props.email}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|