import React from "react";
const starYellow = (
)
const starPrimary = (
)
const starSubtle = (
)
const starOutline = (
)
export const getStarIconObject = (backgroundType: string, color: string, dark: boolean, size: string) => {
const colorClassName = color === "subtle" ? (dark ? "suble_star_dark" : "suble_star_light") : `${color}_star`
const backgroundClassName = backgroundType === "outline" ? (dark ? "outline_empty_star_dark" : "outline_empty_star_light") : (dark ? "empty_star_dark" : "empty_star_light")
return {
yellow: {
className: `pb_star_${size} ${colorClassName}`,
icon: starYellow
},
primary: {
className: `pb_star_${size} ${colorClassName}`,
icon: starPrimary
},
subtle: {
className: `pb_star_${size} ${colorClassName}`,
icon: starSubtle
},
fill: {
className: `pb_star_${size} ${backgroundClassName}`,
icon: starYellow
},
outline: {
className: `pb_star_${size} ${backgroundClassName}`,
icon: starOutline
}
}
}