Closed syradar closed 3 years ago
import React from 'react'
import 'twin.macro'
import { KinNameList, PageHeader, Parchment } from '../components'
import {
getRandomAlderlänningarName,
getRandomAslenerName,
getRandomEländerName,
} from '../functions/name.functions'
export const NameGeneratorPage = () => {
return (
<div tw="flex flex-col gap-y-8 w-full">
<PageHeader>Name</PageHeader>
<div tw="flex flex-wrap xl:(min-w-[600px]) gap-4">
<div tw=" flex-basis[500px]">
<Parchment>
<KinNameList
tw="p-0"
title={'Ailander'}
nameFunc={getRandomEländerName}
></KinNameList>
</Parchment>
</div>
<div tw=" flex-basis[500px]">
<Parchment>
<KinNameList
tw="p-0"
title={'Alderlander'}
nameFunc={getRandomAlderlänningarName}
></KinNameList>
</Parchment>
</div>
<div tw=" flex-basis[500px]">
<Parchment>
<KinNameList
tw="p-0"
title={'Aslene'}
nameFunc={getRandomAslenerName}
></KinNameList>
</Parchment>
</div>
</div>
</div>
)
}