define([], function() { return "import * as React from 'react';\nimport {\n  DocumentCard,\n  IDocumentCardPreviewProps,\n  ImageFit\n} from '../../../../index';\n\nimport { DocumentCardActions } from '../../../../components/DocumentCard/DocumentCardActions';\nimport { DocumentCardActivity } from '../../../../components/DocumentCard/DocumentCardActivity';\nimport { DocumentCardLocation } from '../../../../components/DocumentCard/DocumentCardLocation';\nimport { DocumentCardPreview } from '../../../../components/DocumentCard/DocumentCardPreview';\nimport { DocumentCardTitle } from '../../../../components/DocumentCard/DocumentCardTitle';\n\nexport class DocumentCardCompleteExample extends React.Component<any, any> {\n  public render() {\n    let previewProps: IDocumentCardPreviewProps = {\n      previewImages: [\n        {\n          previewImageSrc: 'dist/document-preview.png',\n          iconSrc: 'dist/icon-ppt.png',\n          imageFit: ImageFit.cover,\n          width: 318,\n          height: 196,\n          accentColor: '#ce4b1f'\n        },\n        {\n          previewImageSrc: 'dist/document-preview2.png',\n          iconSrc: 'dist/icon-ppt.png',\n          imageFit: ImageFit.cover,\n          width: 318,\n          height: 196,\n          accentColor: '#ce4b1f'\n        },\n        {\n          previewImageSrc: 'dist/document-preview3.png',\n          iconSrc: 'dist/icon-ppt.png',\n          imageFit: ImageFit.cover,\n          width: 318,\n          height: 196,\n          accentColor: '#ce4b1f'\n        }\n      ],\n\n    };\n\n    return (\n        <DocumentCard\n          onClick={ () => { console.log('You clicked the card.'); } }\n        >\n          <DocumentCardPreview { ...previewProps }/>\n          <DocumentCardLocation location='Marketing Documents' locationHref='http://microsoft.com' ariaLabel='Location, Marketing Documents'/>\n          <DocumentCardTitle title='Large_file_name_with_underscores_used_to_separate_all_of_the_words_and_there_are_so_many_words_it_needs_truncating.pptx +2'\n          shouldTruncate={ true }/>\n          <DocumentCardActivity\n            activity='Created Feb 23, 2016'\n            people={\n              [\n                { name: 'Kat Larrson', profileImageSrc: 'dist/avatar-kat.png' },\n                { name: 'Josh Hancock', profileImageSrc: '', initials: 'JH' },\n                { name: 'Tina Dasani', profileImageSrc: 'dist/avatar-kat.png' }\n              ]\n            }\n          />\n          <DocumentCardActions\n            actions={\n              [\n                { icon: 'share', onClick: (ev: any) => {\n                    console.log('You clicked the share action.');\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                  }\n                },\n                { icon: 'pinLeft', onClick: (ev: any) => {\n                    console.log('You clicked the pin action.');\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                  }\n                },\n                { icon: 'bell', onClick: (ev: any) => {\n                    console.log('You clicked the bell action.');\n                    ev.preventDefault();\n                    ev.stopPropagation();\n                  }\n                },\n              ]\n            }\n            views={ 432 }\n          />\n        </DocumentCard>\n    );\n  }\n\n}\n"; });