module.exports = "import * as React from 'react';\nimport {\n  Persona,\n  PersonaSize,\n  PersonaPresence,\n  Checkbox\n} from '../../../../index';\n\nconst billMurrayContact = {\n  imageUrl: '//www.fillmurray.com/200/200',\n  imageInitials: 'BM',\n  primaryText: 'Bill Murray',\n  seconaryText: 'Actor',\n  tertiaryText: 'In a meeting',\n  optionalText: 'Available at 4:00pm'\n};\n\nexport class PersonaBasicExample extends React.Component<React.Props<PersonaBasicExample>, { renderPersonaDetails?: boolean; }> {\n  constructor() {\n    super();\n    this.state = {\n      renderPersonaDetails: true\n    };\n  }\n\n  public render() {\n    let { renderPersonaDetails } = this.state;\n\n    return (\n      <div>\n        <div>\n          <Checkbox text='Include persona details' isChecked={ renderPersonaDetails } onChanged={ (isChecked: boolean) => { this.setState({ renderPersonaDetails: isChecked }); }} />\n        </div>\n        <Persona\n          { ...billMurrayContact }\n          size={ PersonaSize.tiny }\n          presence={ PersonaPresence.offline }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n        <Persona\n          { ...billMurrayContact }\n          size={ PersonaSize.extraSmall }\n          presence={ PersonaPresence.online }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n        <Persona\n          { ...billMurrayContact }\n          size={ PersonaSize.small }\n          presence={ PersonaPresence.away }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n        <Persona\n          { ...billMurrayContact }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n        <Persona\n          { ...billMurrayContact }\n          size={ PersonaSize.large }\n          presence={ PersonaPresence.dnd }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n        <Persona\n          { ...billMurrayContact }\n          size={ PersonaSize.extraLarge }\n          presence={ PersonaPresence.blocked }\n          hidePersonaDetails={ !renderPersonaDetails }\n        />\n      </div>\n    );\n  }\n}\n\n";