✨ feat(atoms): add Award entry

src/components/atoms/Award/Award.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import { Box, SxProps, Theme, Typography, TypographyProps } from '@mui/material'
+
+type AwardEntryProps = {
+  year: string | number
+  title: React.ReactNode
+  titleProps?: TypographyProps
+  organization: React.ReactNode
+  location: string
+  Component?: React.ElementType
+  sx?: SxProps<Theme>
+}
+
+const Award = ({ Component = Box, ...props }: AwardEntryProps) => {
+  return (
+    <Component sx={{ pl: 2, ...props.sx }}>
+      <Box display="flex" gap={1} alignItems={{ sm: 'flex-start', md: 'center' }}>
+        <Typography variant="subtitle1" color="primary.main">
+          {props.year}
+        </Typography>
+        <Box display={{ sm: 'block', md: 'flex' }} flexGrow={1} columnGap={1} flexWrap="wrap" alignItems="flex-end">
+          <Typography variant="subtitle1" {...props.titleProps}>
+            <b>{props.title}</b>
+          </Typography>
+          <Typography variant="button" color="text.secondary" flexGrow={1}>
+            {props.organization}
+          </Typography>
+          <Typography variant="subtitle2" color="text.secondary" flexShrink={0}>
+            <em>{props.location}</em>
+          </Typography>
+        </Box>
+      </Box>
+    </Component>
+  )
+}
+
+export default Award

src/components/atoms/Award/index.tsx

@@ -0,0 +1 @@
+export { default } from './Award'