diff --git a/src/app/page.tsx b/src/app/page.tsx index 2caba48..5253d40 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="smallMedium" sizing="largeSmallSizeLargeTitles" - background="noise" + background="circleGradient" cardStyle="layered-gradient" primaryButtonStyle="flat" secondaryButtonStyle="radial-glow" @@ -44,7 +44,7 @@ export default function LandingPage() { { + text?: string; + fontSize?: number; + fontWeight?: number | string; + fill?: string; + dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging' | 'text-top'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text = 'Logo', + fontSize = 24, + fontWeight = 'bold', + fill = 'currentColor', + dominantBaseline = 'middle', + ...props +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file