addons/docs/src/frameworks/react/__testfixtures__/9493-ts-display-name/docgen.snapshot
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`react component properties 9493-ts-display-name 1`] = `
"import styled from '@emotion/styled';
import React from 'react';
const Wrapper = styled('div')(({
theme
}) => ({
backgroundColor: 'tomato',
color: 'white',
padding: 10
}));
/**
* This message should show up in the Docs panel if everything works fine.
*/
export const EmpireAlert = ({
title = 'Code Yellow',
message
}) => /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(\\"h1\\", null, title), /*#__PURE__*/React.createElement(\\"p\\", null, message));
EmpireAlert.displayName = 'SomeOtherDisplayName';
export const component = EmpireAlert;
EmpireAlert.__docgenInfo = {
\\"description\\": \\"This message should show up in the Docs panel if everything works fine.\\",
\\"methods\\": [],
\\"displayName\\": \\"SomeOtherDisplayName\\",
\\"props\\": {
\\"title\\": {
\\"defaultValue\\": {
\\"value\\": \\"'Code Yellow'\\",
\\"computed\\": false
},
\\"required\\": false,
\\"tsType\\": {
\\"name\\": \\"union\\",
\\"raw\\": \\"'Code Red' | 'Code Yellow' | 'Code Green'\\",
\\"elements\\": [{
\\"name\\": \\"literal\\",
\\"value\\": \\"'Code Red'\\"
}, {
\\"name\\": \\"literal\\",
\\"value\\": \\"'Code Yellow'\\"
}, {
\\"name\\": \\"literal\\",
\\"value\\": \\"'Code Green'\\"
}]
},
\\"description\\": \\"A title that brings attention to the alert.\\"
},
\\"message\\": {
\\"required\\": true,
\\"tsType\\": {
\\"name\\": \\"string\\"
},
\\"description\\": \\"A message alerting about Empire activities.\\"
}
}
};"
`;