wehub-resource-sync
34 lines
811 B
TypeScript
34 lines
811 B
TypeScript
import { NoSymbolIcon, CheckIcon } from "@heroicons/react/20/solid";
|
|
|
|
type EnabledStatusProps = {
|
|
enabled: boolean;
|
|
enabledIcon?: React.ComponentType<any>;
|
|
disabledIcon?: React.ComponentType<any>;
|
|
};
|
|
|
|
export function EnabledStatus({
|
|
enabled,
|
|
enabledIcon = CheckIcon,
|
|
disabledIcon = NoSymbolIcon,
|
|
}: EnabledStatusProps) {
|
|
const EnabledIcon = enabledIcon;
|
|
const DisabledIcon = disabledIcon;
|
|
|
|
switch (enabled) {
|
|
case true:
|
|
return (
|
|
<div className="flex items-center gap-1 text-xs text-success">
|
|
<EnabledIcon className="size-4" />
|
|
Enabled
|
|
</div>
|
|
);
|
|
case false:
|
|
return (
|
|
<div className="text-dimmed flex items-center gap-1 text-xs">
|
|
<DisabledIcon className="size-4" />
|
|
Disabled
|
|
</div>
|
|
);
|
|
}
|
|
}
|