@metamask/design-system-react-native/dist/components/BadgeStatus/BadgeStatus.mjs

Design System React Native

function $importDefault(module) {
    if (module?.__esModule) {
        return module.default;
    }
    return module;
}
import { useTailwind } from "@metamask/design-system-twrnc-preset";
import $React from "react";
const React = $importDefault($React);
import { View } from "react-native/index.js";
import { BadgeStatusSize } from "../../types/index.mjs";
import { TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE, TWCLASSMAP_BADGESTATUS_SIZE } from "./BadgeStatus.constants.mjs";
export const BadgeStatus = ({ status, size = BadgeStatusSize.Md, hasBorder = true, twClassName = '', style, ...props }) => {
    const tw = useTailwind();
    return (<View style={[
            tw `self-start rounded-full ${hasBorder ? 'border-2 border-background-default' : ''} ${twClassName}`,
            style,
        ]} {...props}>
      <View style={[
            tw `rounded-full border-2 ${TWCLASSMAP_BADGESTATUS_SIZE[size]} ${TWCLASSMAP_BADGESTATUS_STATUS_CIRCLE[status]} `,
        ]}/>
    </View>);
};
//# sourceMappingURL=BadgeStatus.mjs.map