/** @jsxImportSource theme-ui */
import { Box, Heading, Paragraph, Card, Flex } from '@theme-ui/components'
import React from 'react'
import PageLink from '../../components/atoms/PageLink'
import StigmataCard from '../../components/molecules/StigmataCard'
import Breadcrumb from '../../components/organisms/Breadcrumb'
import { StigmataData, StigmataSet } from '../../lib/honkai3rd/stigmata'
import SecondaryLabel from '../atoms/SecondaryLabel'
import { useTranslation } from '../../lib/i18n'
import Head from '../atoms/Head'
import Honkai3rdLayout from '../layouts/Honkai3rdLayout'
export interface StigmataSetProps {
type: 'set'
stigmataSet: StigmataSet
stigmataSetList: StigmataData[]
}
const StigmataSetPage = ({
stigmataSet,
stigmataSetList,
}: StigmataSetProps) => {
const { t } = useTranslation()
return (
{stigmataSet.name}
{stigmataSet.altName}
{stigmataSetList.map((stigmataSetItem) => {
return (
)
})}
{stigmataSetList.map((stigmataSetItem) => {
return (
{stigmataSetItem.name}
{t(`stigmata-show.${stigmataSetItem.type}`)}
HP : {stigmataSetItem.hp} / ATK : {stigmataSetItem.atk} / DEF
: {stigmataSetItem.def} / CRT : {stigmataSetItem.crt}
{stigmataSetItem.skill.description}
)
})}
{stigmataSet.twoSetSkill.name}
{stigmataSet.twoSetSkill.description}
{stigmataSet.threeSetSkill.name}
{stigmataSet.threeSetSkill.description}
)
}
export default StigmataSetPage