/** @jsxImportSource theme-ui */
import { StigmataData, StigmataSet } from '../../lib/honkai3rd/stigmata'
import {
Box,
Heading,
Paragraph,
Card,
Flex,
Image,
} from '@theme-ui/components'
import PageLink from '../../components/atoms/PageLink'
import StigmataCard from '../../components/molecules/StigmataCard'
import Breadcrumb from '../../components/organisms/Breadcrumb'
import SecondaryLabel from '../atoms/SecondaryLabel'
import { useTranslation } from '../../lib/i18n'
import Head from '../atoms/Head'
import { assetsBucketBaseUrl } from '../../lib/consts'
import Honkai3rdLayout from '../layouts/Honkai3rdLayout'
export interface SingleStigmataPageProps {
type: 'single'
stigmataData: StigmataData
stigmataSetList: StigmataData[]
stigmataSet?: StigmataSet
}
const SingleStigmataPage = ({
stigmataData,
stigmataSet,
stigmataSetList,
}: SingleStigmataPageProps) => {
const { t } = useTranslation()
return (
{stigmataData.name}
{t(`stigmata-show.${stigmataData.type}`)}
{'⭐'.repeat(stigmataData.rarity)}
HP : {stigmataData.hp} / ATK : {stigmataData.atk} / DEF :{' '}
{stigmataData.def} / CRT : {stigmataData.crt}
{stigmataData.skill.description}
{stigmataSet != null && (
{stigmataSet.name}
{stigmataSet.altName}
{stigmataSetList.map((stigmataSetItem) => {
return (
)
})}
{stigmataSet.twoSetSkill.name}
{stigmataSet.twoSetSkill.description}
{stigmataSet.threeSetSkill.name}
{stigmataSet.threeSetSkill.description}
)}
)
}
export default SingleStigmataPage