45 lines
1.2 KiB
JavaScript
45 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);
|