mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-19 14:08:45 -04:00
73256b35c7
* use image instead of svg (mobile) * use image instead of svg (desktop) * remove unused svgs * add brand svgs * use brand svgs on landing * use on desktop
33 lines
570 B
TypeScript
33 lines
570 B
TypeScript
import { Folder as Folder_Dark, Folder_Light } from '@sd/assets/icons';
|
|
|
|
interface FolderProps {
|
|
/**
|
|
* Append additional classes to the underlying SVG
|
|
*/
|
|
className?: string;
|
|
|
|
/**
|
|
* Render a white folder icon
|
|
*/
|
|
white?: boolean;
|
|
|
|
/**
|
|
* The size of the icon to show -- uniform width and height
|
|
*/
|
|
size?: number;
|
|
}
|
|
|
|
export function Folder(props: FolderProps) {
|
|
const { size = 24 } = props;
|
|
|
|
return (
|
|
<img
|
|
className={props.className}
|
|
width={size}
|
|
height={size}
|
|
src={props.white ? Folder_Light : Folder_Dark}
|
|
alt="Folder icon"
|
|
/>
|
|
);
|
|
}
|