mirror of
https://github.com/SomboChea/ui
synced 2024-05-21 10:51:38 +07:00
111f0c50e5
* chore: updated emotion dependency * feat: introduced theme * refactor: updated emotion styles * fix: fixed emotion error * fix: fixed tests * chore: add missing types Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
32 lines
627 B
TypeScript
32 lines
627 B
TypeScript
import React from 'react';
|
|
import styled from '@emotion/styled';
|
|
|
|
import logo from './img/logo.svg';
|
|
|
|
export enum Size {
|
|
Small = '40px',
|
|
Big = '90px',
|
|
}
|
|
|
|
interface Props {
|
|
size?: Size;
|
|
}
|
|
|
|
const StyledLogo = styled('div')<Props>(props => ({
|
|
display: 'inline-block',
|
|
verticalAlign: 'middle',
|
|
boxSizing: 'border-box',
|
|
backgroundPosition: 'center',
|
|
backgroundSize: 'contain',
|
|
backgroundImage: `url(${logo})`,
|
|
backgroundRepeat: ' no-repeat',
|
|
width: props.size,
|
|
height: props.size,
|
|
}));
|
|
|
|
const Logo: React.FC<Props> = ({ size = Size.Small }) => {
|
|
return <StyledLogo size={size} />;
|
|
};
|
|
|
|
export default Logo;
|