38 lines
675 B
TypeScript
38 lines
675 B
TypeScript
import React from 'react';
|
|
|
|
interface LogoProps {
|
|
collapsed?: boolean;
|
|
}
|
|
|
|
const Logo: React.FC<LogoProps> = ({ collapsed }) => {
|
|
return (
|
|
<div style={{
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
height: '100%',
|
|
}}>
|
|
<img
|
|
src="/logo.svg"
|
|
alt="KRA Admin"
|
|
style={{
|
|
height: 32,
|
|
width: 32,
|
|
}}
|
|
/>
|
|
{!collapsed && (
|
|
<span style={{
|
|
marginLeft: 8,
|
|
fontSize: 18,
|
|
fontWeight: 'bold',
|
|
color: '#3b82f6',
|
|
}}>
|
|
KRA Admin
|
|
</span>
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Logo;
|