CoastalCommitsPastes/client/components/visibility-badge/index.tsx

import { Badge } from "@geist-ui/core"
import type { PostVisibility } from "@lib/types"

type Props = {
    visibility: PostVisibility
}

const VisibilityBadge = ({ visibility }: Props) => {
    const getBadgeType = () => {
        switch (visibility) {
            case "public":
                return "success"
            case "private":
                return "warning"
            case "unlisted":
                return "default"
        }
    }

    return (<Badge marginLeft={'var(--gap)'} type={getBadgeType()}>{visibility}</Badge>)
}

export default VisibilityBadge