import * as React from 'react';
import { Colors } from '../../models/colors';
import { Config } from '../../models/config';

export interface FooterProps {
	palette?: Colors;
	config?: Config;
	automationName?: string;
	header?: string;
	content?: string;
	translator?: Function;
	checkIfTranslateExist?: Function;
}

type FooterContainer = FooterProps & {
	render: (palette: Colors, config: Config) => JSX.Element;
};

class Footer extends React.PureComponent<FooterContainer> {
	render() {
		return <footer>{this.props.render(this.props.palette, this.props.config)}</footer>;
	}
}

export default Footer;