import {
	observer,
} from 'mobx-react';
import Background from "./Background.js";
import Image from "./Image.js";
import Header from "./Header.js";
import Congratulations from "./Congratulations.js";
import Personlist from "./Personlist.js";
import DateField from "./DateField.js";

@observer
export default class Card extends React.Component {
	render() {
		const {
			store
		} = this.props;
		
		return (
			<Background ecId={`${this && this.props && this.props.ecId || ''}_Background@zd9vap`} store={store}>
				<Image ecId={`${this && this.props && this.props.ecId || ''}_Image@b2il34`} store={store}/>
				<Header ecId={`${this && this.props && this.props.ecId || ''}_Header@yfvswc`} store={store}/>
				<Congratulations ecId={`${this && this.props && this.props.ecId || ''}_Congratulations@zx5yze`} store={store} />
				<Personlist ecId={`${this && this.props && this.props.ecId || ''}_Personlist@j6ctep`} store={store}/>
				<DateField ecId={`${this && this.props && this.props.ecId || ''}_DateField@t6n5pc`} store={store}/>
			</Background>
		);
	}
}