import { component$, $, useStyles$ } from '@builder.io/qwik'
import { Link, useNavigate } from '@builder.io/qwik-city'
import { formatTimeAgo } from '~/utils/dateTime'
import { Avatar } from '../avatar'
import type { Account, MastodonStatus } from '~/types'
import styles from '../../utils/innerHtmlContent.scss?inline'
import { MediaGallery } from '../MediaGallery.tsx'
type Props = {
status: MastodonStatus
}
export default component$((props: Props) => {
useStyles$(styles)
const nav = useNavigate()
const status = props.status.reblog ?? props.status
const reblogger = props.status.reblog && props.status.account
const accountUrl = `/@${status.account.username}`
const statusUrl = `${accountUrl}/${status.id}`
const handleContentClick = $(() => nav(statusUrl))
return (
{account.display_name} boosted