import { Cake, Email, Phone, Public, Room } from '@mui/icons-material'; import { Theme } from '@reactive-resume/schema'; import get from 'lodash/get'; import isEmpty from 'lodash/isEmpty'; import { useMemo } from 'react'; import Markdown from '@/components/shared/Markdown'; import { useAppSelector } from '@/store/hooks'; import DataDisplay from '@/templates/shared/DataDisplay'; import { formatDateString } from '@/utils/date'; import getProfileIcon from '@/utils/getProfileIcon'; import { getContrastColor } from '@/utils/styles'; import { addHttp, formatLocation, getPhotoClassNames } from '@/utils/template'; export const MastheadSidebar: React.FC = () => { const dateFormat: string = useAppSelector((state) => get(state.resume, 'metadata.date.format')); const { name, photo, email, phone, birthdate, website, location, profiles } = useAppSelector( (state) => state.resume.basics ); return (
{headline}