export enum ETagVariant {
  OUTLINED = "outlined",
}
export enum ETagSize {
  SM = "sm",
  LG = "lg",
}
export type TTagVariant = ETagVariant.OUTLINED;

export type TTagSize = ETagSize.SM | ETagSize.LG;
export interface ITagProperties {
  [key: string]: string;
}

export const containerStyle: ITagProperties = {
  [ETagVariant.OUTLINED]:
    "flex items-center rounded-md border border-subtle text-11 text-tertiary hover:text-secondary min-h-[36px] my-auto capitalize flex-wrap cursor-pointer gap-1.5",
};
export const sizes = {
  [ETagSize.SM]: "p-1.5",
  [ETagSize.LG]: "p-6",
};

export const getTagStyle = (variant: TTagVariant, size: TTagSize) =>
  containerStyle[variant] + " " + sizes[size];