<script lang="ts">
	export let tech: string;
	export let logoBaseDir: string;
	export let logoFiletype: 'svg'| 'png' = 'svg';
	export let size: 'small' | 'medium' | 'big' = 'small'

	let logoDir: string = `/${logoBaseDir}/${tech}-logo.${logoFiletype}`;
	let logoAlt: string = `${tech} logo`;
	let isSmall = size === 'small';
	let isMedium = size === 'medium';
	let isBig = size === 'big';
</script>
<img src={logoDir} alt={logoAlt} class:small={isSmall} class:medium={isMedium} class:big={isBig}>
<style>
	.small {
		height: 3rem;
	}
	.medium {
		height: 3.5rem;
	}
	.big {
		height: 4rem;
	}
</style>
