{"pageProps":{"code":{"modules1.css":{"name":"modules1.css","content":".error {\r\n  color: red;\r\n}","path":"code/6080/24T3/reactcssadvanced/modules1.css","fileext":"css"},"modules2.jsx":{"name":"modules2.jsx","content":"function Button() {\r\n  return <button className={styles.error}>Error Button</button>;\r\n}","path":"code/6080/24T3/reactcssadvanced/modules2.jsx","fileext":"jsx"},"styles.js":{"name":"styles.js","content":"import styled from 'styled-components';\r\n\r\n// Create a styled button component using object styles\r\nexport const Button = styled.button(() => ({\r\n  backgroundColor: '#000',\r\n  color: '#fff'\r\n}));\r\n","path":"code/6080/24T3/reactcssadvanced/styles.js","fileext":"js"},"styles1.jsx":{"name":"styles1.jsx","content":"import { Button } from './styles';\r\n\r\nexport default App() {\r\n  return (\r\n    <Button>Styled Components Button</Button>\r\n  );\r\n}\r\n","path":"code/6080/24T3/reactcssadvanced/styles1.jsx","fileext":"jsx"}}},"__N_SSG":true}