rustlanges-components 0.1.0

RustLangES components library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

import { cn } from "@/utils/tw-merge";
import { ChipVariants, icons, variants } from "./chip.const";
import React from "react";

export type ChipProps = {
  variant?: ChipVariants;
  label?: string;
  className?: string;
};

export const Chip = (props: ChipProps) => {
  const { label, variant = "featured", className, ...attr } = props;
  return (
    <div
      className={cn(variants[variant], "rustlanges-chip", className)}
      {...attr}
    >
      {icons[variant] ? React.createElement(icons[variant]) : null}
      {variant !== "numeric" ? label : `#${label}`}
    </div>
  );
};