https://dev.kronoz.win/r/marzneshin.git
| 1 |
d377c4c |
Dawsh |
2y ago |
import type { FC } from "react"; |
| 2 |
4708fcb |
Dawsh |
2y ago |
import { Badge, BadgeVariantKeys } from "@marzneshin/components"; |
| 3 |
d377c4c |
Dawsh |
2y ago |
|
| 4 |
d377c4c |
Dawsh |
2y ago |
interface BooleanPillProps { |
| 5 |
d377c4c |
Dawsh |
2y ago |
active: boolean; |
| 6 |
d377c4c |
Dawsh |
2y ago |
activeLabel: string; |
| 7 |
4708fcb |
Dawsh |
2y ago |
activeVariant?: BadgeVariantKeys; |
| 8 |
d377c4c |
Dawsh |
2y ago |
inactiveLabel: string; |
| 9 |
4708fcb |
Dawsh |
2y ago |
inactiveVariant?: BadgeVariantKeys; |
| 10 |
d377c4c |
Dawsh |
2y ago |
} |
| 11 |
d377c4c |
Dawsh |
2y ago |
|
| 12 |
4708fcb |
Dawsh |
2y ago |
export const BooleanPill: FC<BooleanPillProps> = ({ |
| 13 |
4708fcb |
Dawsh |
2y ago |
active, |
| 14 |
4708fcb |
Dawsh |
2y ago |
activeLabel, |
| 15 |
4708fcb |
Dawsh |
2y ago |
inactiveLabel, |
| 16 |
4708fcb |
Dawsh |
2y ago |
activeVariant = "positive", |
| 17 |
4708fcb |
Dawsh |
2y ago |
inactiveVariant = "destructive" |
| 18 |
4708fcb |
Dawsh |
2y ago |
}) => { |
| 19 |
d377c4c |
Dawsh |
2y ago |
return ( |
| 20 |
4708fcb |
Dawsh |
2y ago |
<Badge variant={active ? activeVariant : inactiveVariant}> |
| 21 |
d377c4c |
Dawsh |
2y ago |
{active ? activeLabel : inactiveLabel} |
| 22 |
d377c4c |
Dawsh |
2y ago |
</Badge> |
| 23 |
d377c4c |
Dawsh |
2y ago |
) |
| 24 |
d377c4c |
Dawsh |
2y ago |
} |