Portal/rsconcept/frontend/src/components/info/BadgeWordForm.tsx
2024-09-04 14:37:07 +03:00

21 lines
483 B
TypeScript

import { IWordForm } from '@/models/language';
import BadgeGrammeme from './BadgeGrammeme';
interface BadgeWordFormProps {
keyPrefix?: string;
form: IWordForm;
}
function BadgeWordForm({ keyPrefix, form }: BadgeWordFormProps) {
return (
<div className='flex flex-wrap justify-start gap-1 select-none w-fit'>
{form.grams.map(gram => (
<BadgeGrammeme key={`${keyPrefix}-${gram}`} grammeme={gram} />
))}
</div>
);
}
export default BadgeWordForm;