37 lines
848 B
JavaScript
37 lines
848 B
JavaScript
// export default function TitledPanel({ title, body }) {
|
|
// return (
|
|
// <div style={{
|
|
// margin: 50,
|
|
// padding: 5,
|
|
// border: '1px solid #000',
|
|
// width: 'fit-content',
|
|
// boxShadow: '10px 5px 5px #999',
|
|
// backgroundColor: '#fff'
|
|
// }}>
|
|
// {title}
|
|
// <hr />
|
|
// {body}
|
|
// </div>
|
|
// );
|
|
// }
|
|
|
|
// key 속성이 title/body인 요소를 가져온다.
|
|
export default function TitledPanel({ children }) {
|
|
const title = children.find(elem => elem.key === 'title');
|
|
const body = children.find(elem => elem.key === 'body')
|
|
|
|
return (
|
|
<div style={{
|
|
margin: 50,
|
|
padding: 5,
|
|
border: '1px solid #000',
|
|
width: 'fit-content',
|
|
boxShadow: '10px 5px 5px #999',
|
|
backgroundColor: '#fff'
|
|
}}>
|
|
{title}
|
|
<hr />
|
|
{body}
|
|
</div>
|
|
);
|
|
} |