26 lines
660 B
TypeScript
26 lines
660 B
TypeScript
import { clsx } from 'clsx'
|
|
import { getPagePath } from '@nanostores/router'
|
|
import { router } from '../../stores/router'
|
|
import styles from './CardTopic.module.scss'
|
|
|
|
type CardTopicProps = {
|
|
title: string
|
|
slug: string
|
|
isFloorImportant?: boolean
|
|
isFeedMode?: boolean
|
|
class?: string
|
|
}
|
|
|
|
export const CardTopic = (props: CardTopicProps) => {
|
|
return (
|
|
<div
|
|
class={clsx(styles.shoutTopic, props.class, {
|
|
[styles.shoutTopicFloorImportant]: props.isFloorImportant,
|
|
[styles.shoutTopicFeedMode]: props.isFeedMode
|
|
})}
|
|
>
|
|
<a href={getPagePath(router, 'topic', { slug: props.slug })}>{props.title}</a>
|
|
</div>
|
|
)
|
|
}
|