import '../styles/logo.scss';

type Props = {
	size?: 'sm'|'md'|'lg';
	className?: string;
};

export default function Logo({ size = 'md', className }: Props) {
	const sizeClass = `dpot-logo--${size}`;
	const classes = ['dpot-logo', sizeClass, className].filter(Boolean).join(' ');

	return (
		<span className={classes} aria-label="DPOT">DPOT</span>
	);
}