import styles from './styles'
const styles2 = require('./styles2')
// external only
export const Test1 = () => (
)
// external and static
export const Test2 = () => (
)
// external and dynamic
export const Test3 = ({ color }) => (
)
// external, static and dynamic
export const Test4 = ({ color }) => (
external, static and dynamic
)
// static only
export const Test5 = () => (
)
// static and dynamic
export const Test6 = ({ color }) => (
)
// dynamic only
export const Test7 = ({ color }) => (
)
// dynamic with scoped compound variable
export const Test8 = ({ color }) => {
if (color) {
const innerProps = { color }
return (
dynamic with scoped compound variable
)
}
}
// dynamic with compound variable
export const Test9 = ({ color }) => {
const innerProps = { color }
return (
dynamic with compound variable
)
}
const foo = 'red'
// dynamic with constant variable
export const Test10 = () => (
dynamic with constant variable
)
// dynamic with complex scope
export const Test11 = ({ color }) => {
const items = Array.from({ length: 5 }).map((item, i) => (
Item #{i + 1}
))
return
}