25 lines
667 B
TypeScript
25 lines
667 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import { FC } from "react";
|
|
|
|
interface Props {
|
|
className?: string;
|
|
subtitle: string;
|
|
title: string;
|
|
img: string;
|
|
}
|
|
|
|
export const ContactCard: FC<Props> = ({ className, subtitle, title, img }) => {
|
|
return (
|
|
<div className={cn("flex items-center gap-4", className)}>
|
|
<div className="bg-secondary_container size-16 rounded-[2px] p-3">
|
|
<img src={img} alt="contact icon" className="size-full" />
|
|
</div>
|
|
|
|
<div className="flex flex-col gap-2">
|
|
<h5 className="text-sm text-[#454545]">{subtitle}</h5>
|
|
<h4 className="text-[#171717] semibold">{title}</h4>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|