0 && box.height}px)`\n }\n }\n >\n
\n {authors?.map(author => (\n
\n
\n \n
\n
\n By {author.content.main.title}\n
\n {author.content.main.position}\n
\n
\n ))}\n
\n
{stats.text}
\n
\n \n
\n
\n
\n
\n
\n
push('down')}\n onMouseLeave={() => push('up')}\n >\n
\n \n
\n
\n
\n
\n
\n
\n
\n )\n}\n","import React, { useEffect } from 'react'\nimport cx from 'classnames'\n\nimport { Image } from 'src/components/image'\nimport { ShapeThree } from 'src/components/svgs'\n\nimport { EditorialInfo } from 'src/components/editorial/editorialInfo'\n\nexport interface EditorialHeaderProps {\n title: string\n subTitle: string\n topic: {\n title: string\n }\n slug: {\n current: string\n }\n articleType: {\n title: string\n }\n cardImage?: {\n asset: {\n _id: string\n }\n }\n editorialText: any[]\n articleColor: string\n authors: any[]\n image: {\n asset: {\n _id: string\n }\n }\n}\n\nexport const EditorialHeader = ({\n title,\n subTitle,\n slug,\n articleType,\n image,\n cardImage,\n editorialText,\n authors,\n articleColor,\n}: EditorialHeaderProps) => {\n useEffect(() => {\n const sharable = require('sharable/browser')\n // eslint-disable-next-line\n const share = sharable.default()\n }, [0])\n return (\n