| 1 | {"version":3,"file":"SidePanelSplit.js","sources":["../src/components/SidePanel/SidePanelSplit.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport { useTheme } from '../../theme'\nimport SidePanel from './SidePanel'\n\nfunction SidePanelSplit({ children, ...props }) {\n const theme = useTheme()\n return (\n <div\n css={`\n display: flex;\n width: calc(100% + ${SidePanel.HORIZONTAL_PADDING * 2}px);\n margin: 0 -${SidePanel.HORIZONTAL_PADDING}px;\n padding: ${SidePanel.HORIZONTAL_PADDING}px;\n `}\n {...props}\n >\n <Part>{children[0]}</Part>\n <div\n css={`\n display: inline-block;\n border-right: 1px solid ${theme.border};\n margin: -${SidePanel.HORIZONTAL_PADDING}px ${SidePanel.HORIZONTAL_PADDING}px;\n `}\n />\n <Part>{children[1]}</Part>\n </div>\n )\n}\n\nSidePanelSplit.propTypes = {\n children: PropTypes.node,\n}\n\nconst Part = styled.div`\n width: 50%;\n`\n\nexport default SidePanelSplit\n"],"names":["SidePanelSplit","children","props","theme","useTheme","React","SidePanel","HORIZONTAL_PADDING","border","propTypes","PropTypes","node","Part","styled","div"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,cAAT,OAAgD;AAAA,MAAtBC,QAAsB,QAAtBA,QAAsB;AAAA,MAATC,KAAS;;AAC9C,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;AACA,sBACEC,iEAOMH,KAPN;AAAA,UAGyBI,iBAAS,CAACC,kBAAV,GAA+B,CAHxD;AAAA,WAIiBD,iBAAS,CAACC,kBAJ3B;AAAA,WAKeD,iBAAS,CAACC;AALzB,mBASEF,6BAAC,IAAD,QAAOJ,QAAQ,CAAC,CAAD,CAAf,CATF,eAUEI;AAAA,WAG8BF,KAAK,CAACK,MAHpC;AAAA,WAIeF,iBAAS,CAACC,kBAJzB;AAAA,WAIiDD,iBAAS,CAACC;AAJ3D,IAVF,eAiBEF,6BAAC,IAAD,QAAOJ,QAAQ,CAAC,CAAD,CAAf,CAjBF,CADF;AAqBD;;AAEDD,cAAc,CAACS,SAAf,GAA2B;AACzBR,EAAAA,QAAQ,EAAES,eAAS,CAACC;AADK,CAA3B;AAIA,IAAMC,IAAI,GAAGC,gBAAM,CAACC,GAAV;AAAA;AAAA;AAAA,kBAAV;;;;"} |