464343f5ab
* WIP * WIP * Type and migration fixes * Adds missing default import * Fixes import * Fixes tRPC imports in App Store * Migrate stripe helpers * WIP * Type fixes * Type fix? * WIP * WIP * Update index.ts * Fixes * Update workflow.tsx * Moved queries to lib * Moves QueryCell * Migrates MultiSelectCheckboxes * WIP * CryptoSection type fixes * WIP * Import fixes * Build fixes * Update app-providers.tsx * Build fixes * Upgrades hookform zod resolvers * Build fixes * Cleanup * Build fixes * Relocates QueryCell to ui * Moved List and SkeletonLoader * Revert QueryCell migration * Can't use QueryCell here * oops * CryptoSection cleanup * Update app-providers.tsx * Moved ee to features * ee to features/ee * Removes @calcom/ee * Adds possible feature locations * Build fixes * Migrates stripe to app-store lib * Colocates stripe imports * Update subscription.ts * Submodule sync Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
28 lines
729 B
TypeScript
28 lines
729 B
TypeScript
import React from "react";
|
|
|
|
import classNames from "@calcom/lib/classNames";
|
|
|
|
export type BadgeProps = {
|
|
variant: "default" | "success" | "gray";
|
|
} & JSX.IntrinsicElements["span"];
|
|
|
|
export const Badge = function Badge(props: BadgeProps) {
|
|
const { variant, className, ...passThroughProps } = props;
|
|
|
|
return (
|
|
<span
|
|
{...passThroughProps}
|
|
className={classNames(
|
|
"inline-block rounded-sm px-2 py-0.5 text-xs font-bold",
|
|
variant === "default" && "bg-yellow-100 text-yellow-800",
|
|
variant === "success" && "bg-green-100 text-green-800",
|
|
variant === "gray" && "bg-gray-200 text-gray-800",
|
|
className
|
|
)}>
|
|
{props.children}
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export default Badge;
|