24 lines
576 B
TypeScript
24 lines
576 B
TypeScript
|
import { Badge } from "@geist-ui/core"
|
||
|
|
|
||
|
|
type Visibility = "unlisted" | "private" | "public"
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
visibility: Visibility
|
||
|
|
}
|
||
|
|
|
||
|
|
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
|