import React from "react"; // SVG version of your logo (image 2) // Replace with real SVG for sharpest results; this is an inline approximation const ODSLogoSVG: React.FC<{ size?: number }> = ({ size = 26 }) => ( ); type OpenDevSocietyBrandingProps = { text?: string; // e.g. "Designed by" name?: string; // e.g. "Open Dev Society" style?: React.CSSProperties; className?: string; logoSize?: number; textColor?: string; outerStyle?: React.CSSProperties; // NEW: outer style for container outerClassName?: string; }; export const OpenDevSocietyBranding: React.FC = ({ text = "Initiative by", name = "Open Dev Society", style = {}, className = "border-2 border-gray-300 px-3 py-0.5 rounded-lg", logoSize = 40, textColor = "#fff", outerStyle = {}, outerClassName = "", }) => (
{text} {name}
); export default OpenDevSocietyBranding;