The icon and color are determined by the resource type. Both can be
customized via props for different themes or branding requirements.
When showBackground is true, the icon is displayed inside a tinted
rounded box using the icon's color at reduced opacity.
Example
// Basic usage <FileIconresourceType="pdf"/>
// With background box <FileIconresourceType="whiteboard"showBackgroundbackgroundSize={48}/>
// With custom size <FileIconresourceType="image"size={32}/>
// With custom colors <FileIcon resourceType="video" colors={{ video:'secondary.main' }} />
FileIcon displays an icon representing a file's resource type.