fix: restore CenteredTextBlock

src/components/Token/CenteredTextBlock/index.tsx

@@ -0,0 +1,39 @@
+import { Container, Typography } from '@mui/material'
+import { type BaseBlockEntry } from '@/config/types'
+import RichText from '@/components/common/RichText'
+import layoutCss from '@/components/common/styles.module.css'
+import css from './styles.module.css'
+import ButtonsWrapper from '@/components/Token/ButtonsWrapper'
+import { isEntryTypeButton } from '@/lib/typeGuards'
+
+const CenteredTextBlock = (props: BaseBlockEntry) => {
+  const { caption, title, text, buttons } = props.fields
+
+  const buttonsList = buttons?.filter(isEntryTypeButton) || []
+
+  return (
+    <Container className={`${layoutCss.containerShort} ${layoutCss.centeredContent}`}>
+      <Typography variant="caption">{caption}</Typography>
+
+      <div>
+        <div className={css.title}>
+          <RichText {...title} />
+        </div>
+
+        {text && (
+          <div className={css.text}>
+            <RichText {...text} />
+          </div>
+        )}
+      </div>
+
+      {buttonsList.length > 0 && (
+        <div className={css.buttons}>
+          <ButtonsWrapper buttons={buttonsList} />
+        </div>
+      )}
+    </Container>
+  )
+}
+
+export default CenteredTextBlock

src/components/Token/CenteredTextBlock/styles.module.css

@@ -0,0 +1,22 @@
+.title {
+  margin-top: 16px;
+}
+
+.text {
+  margin: 24px auto 0;
+  max-width: 725px;
+}
+
+.text p {
+  margin: 0;
+}
+
+.buttons {
+  margin-top: 40px;
+}
+
+@media (min-width: 900px) {
+  .title {
+    text-align: center;
+  }
+}