16f7084e7f
* Move * Adjust * publish = false * Tree * Move tests * fixup * Split `emotion` * Split `styled_jsx` * Split `styled_jsx` * fmt * `--fix` * clippy * Update crates * fixup * publish * Bump * Rename * authors * Update * More update * Oh * Update test refs * Update test refs * Update again * Fix
44 lines
1.2 KiB
JavaScript
44 lines
1.2 KiB
JavaScript
import styled from 'styled-components';
|
|
const Test = /*#__PURE__*/styled.div.withConfig({
|
|
displayName: "code__Test",
|
|
componentId: "sc-u20i28-0"
|
|
})(["width:100%;"]);
|
|
const Test2 = /*#__PURE__*/styled('div').withConfig({
|
|
displayName: "code__Test2",
|
|
componentId: "sc-u20i28-1"
|
|
})([""]);
|
|
const Test3 = true ? styled.div.withConfig({
|
|
displayName: "code__Test3",
|
|
componentId: "sc-u20i28-2"
|
|
})([""]) : styled.div.withConfig({
|
|
displayName: "code__Test3",
|
|
componentId: "sc-u20i28-3"
|
|
})([""]);
|
|
const styles = {
|
|
One: styled.div.withConfig({
|
|
displayName: "code__One",
|
|
componentId: "sc-u20i28-4"
|
|
})([""])
|
|
};
|
|
let Component;
|
|
Component = styled.div.withConfig({
|
|
displayName: "code__Component",
|
|
componentId: "sc-u20i28-5"
|
|
})([""]);
|
|
const WrappedComponent = /*#__PURE__*/styled(Inner).withConfig({
|
|
displayName: "code__WrappedComponent",
|
|
componentId: "sc-u20i28-6"
|
|
})([""]);
|
|
const StyledObjectForm = /*#__PURE__*/styled.div.withConfig({
|
|
displayName: "code__StyledObjectForm",
|
|
componentId: "sc-u20i28-7"
|
|
})({
|
|
color: red
|
|
});
|
|
const StyledFunctionForm = /*#__PURE__*/styled.div.withConfig({
|
|
displayName: "code__StyledFunctionForm",
|
|
componentId: "sc-u20i28-8"
|
|
})(p => ({
|
|
color: p.color || 'red'
|
|
}));
|
|
const normalFunc = add(5, 3);
|