Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 1x 1x 1x 1x 1x 2x 1x | /* eslint-disable no-ternary, no-nested-ternary */
import { Name, NameAndSocialLinks, Section, Top } from "./styled"
import { ComponentProps } from "."
import Content from "components/Content"
import Link from "components/Typography/Link"
import SocialLinks from "components/SocialLinks"
const Bio = ({
LinkComponent = Link,
components,
description,
image,
isAvatarCircle,
isShowName = true,
name,
socialLinks,
url
}: ComponentProps) => (
<Section aria-label={name} role="region">
<Top $isAvatarCircle={isAvatarCircle} $isShowName={isShowName}>
{url ? <LinkComponent href={url}>{image}</LinkComponent> : image}
{isShowName ? (
<NameAndSocialLinks>
{isShowName ? (
url ? (
<LinkComponent href={url}>
<Name>{name}</Name>
</LinkComponent>
) : (
<Name>{name}</Name>
)
) : null}
</NameAndSocialLinks>
) : null}
</Top>
{socialLinks ? <SocialLinks {...socialLinks} /> : null}
<Content components={components} content={description} />
</Section>
)
export default Bio
|