import React from 'react';
import Typography from '@material-ui/core/Typography';
import IconButton from '@material-ui/core/IconButton';
import Icon from '@material-ui/core/Icon';
import {makeStyles} from '@material-ui/core/styles';
import moment from 'moment';
import {useTranslation} from 'react-i18next';
const Header = ({car, toggleEditing}) => {
const classes = useStyles();
const {t} = useTranslation();
return (
edit
{!!car.departure && (
{moment(car.departure).format('LLLL')}
)}
{car.name}
{!!car.phone_number && (
{t('car.fields.phone')}
{car.phone_number}
)}
{!!car.meeting && (
{t('car.fields.meeting_point')}
{car.meeting}
)}
{!!car.details && (
{t('car.fields.details')}
{car.details}
)}
);
};
const useStyles = makeStyles(theme => ({
header: {
padding: theme.spacing(2),
},
editBtn: {
position: 'absolute',
top: 0,
right: 0,
zIndex: theme.zIndex.speedDial,
},
section: {
marginTop: theme.spacing(2),
},
}));
export default Header;