AniX/app/components/Chip/Chip.tsx

16 lines
412 B
TypeScript

export const Chip = (props: {
name?: string;
name_2?: string;
devider?: string;
bg_color?: string;
}) => {
return (
<div className={`rounded-sm ${props.bg_color || "bg-gray-500"}`}>
<p className="px-2 sm:px-4 py-0.5 sm:py-1 text-xs xl:text-base text-white">
{props.name}
{props.name && props.devider ? props.devider : " "}
{props.name_2}
</p>
</div>
);
};