Tristan Yang
20 lines
525 B
TypeScript
20 lines
525 B
TypeScript
import { FC } from "react";
|
|
import HashIcon from "../../assets/icons/channel.svg";
|
|
import LockHashIcon from "../../assets/icons/channel.private.svg";
|
|
|
|
interface Props {
|
|
personal?: boolean;
|
|
muted?: boolean;
|
|
className?: string;
|
|
}
|
|
|
|
const ChannelIcon: FC<Props> = ({ personal = false, muted = false, className = "" }) => {
|
|
return (
|
|
<div className={`flex${muted ? "!text-gray-400 !fill-slate-400" : ""} ${className}`}>
|
|
{personal ? <LockHashIcon /> : <HashIcon />}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ChannelIcon;
|