| 1 | {"version":3,"file":"Bar.js","sources":["../src/components/Bar/Bar.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Inside } from 'use-inside'\nimport { GU, RADIUS } from '../../style'\nimport { useTheme } from '../../theme/Theme'\nimport { useLayout } from '../Layout/Layout'\n\nconst BAR_PADDING = 2 * GU\n\nfunction Bar({ children, primary, secondary, ...props }) {\n const theme = useTheme()\n const { layoutName } = useLayout()\n\n const fullScreen = layoutName === 'small'\n\n const content = children || (\n <div\n css={`\n display: flex;\n justify-content: space-between;\n width: 100%;\n height: 100%;\n `}\n >\n <div\n css={`\n display: flex;\n align-items: center;\n height: 100%;\n padding-left: ${BAR_PADDING}px;\n `}\n >\n <Inside name=\"Bar:primary\">{primary}</Inside>\n </div>\n <div\n css={`\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: ${BAR_PADDING}px;\n `}\n >\n <Inside name=\"Bar:secondary\">{secondary}</Inside>\n </div>\n </div>\n )\n\n return (\n <Inside name=\"Bar\">\n <div\n css={`\n border-radius: ${fullScreen ? 0 : RADIUS}px;\n background: ${theme.surface};\n border-style: solid;\n border-color: ${theme.border};\n border-width: ${fullScreen ? '1px 0' : '1px'};\n height: ${8 * GU}px;\n margin-bottom: ${2 * GU}px;\n `}\n {...props}\n >\n {content}\n </div>\n </Inside>\n )\n}\n\nBar.propTypes = {\n children: PropTypes.node,\n primary: PropTypes.node,\n secondary: PropTypes.node,\n}\n\nBar.PADDING = BAR_PADDING\n\nexport default Bar\n"],"names":["BAR_PADDING","GU","Bar","children","primary","secondary","props","theme","useTheme","useLayout","layoutName","fullScreen","content","React","Inside","RADIUS","surface","border","propTypes","PropTypes","node","PADDING"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,GAAG,IAAIC,YAAxB;;;;;;;;;;yEAsB0BD;;;;;0EAUCA;;;;;;;;;;;;;;;;;;;AA9B3B,SAASE,GAAT,OAAyD;AAAA,MAA1CC,QAA0C,QAA1CA,QAA0C;AAAA,MAAhCC,OAAgC,QAAhCA,OAAgC;AAAA,MAAvBC,SAAuB,QAAvBA,SAAuB;AAAA,MAATC,KAAS;;AACvD,MAAMC,KAAK,GAAGC,cAAQ,EAAtB;;AADuD,mBAEhCC,gBAAS,EAFuB;AAAA,MAE/CC,UAF+C,cAE/CA,UAF+C;;AAIvD,MAAMC,UAAU,GAAGD,UAAU,KAAK,OAAlC;AAEA,MAAME,OAAO,GAAGT,QAAQ,iBACtBU,4DAQEA,6DAQEA,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KAA4BV,OAA5B,CARF,CARF,eAkBES,6DAQEA,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KAA8BT,SAA9B,CARF,CAlBF,CADF;AAgCA,sBACEQ,6BAACC,SAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,kBACED,kEAUMP,KAVN;AAAA,UAEqBK,UAAU,GAAG,CAAH,GAAOI,gBAFtC;AAAA,WAGkBR,KAAK,CAACS,OAHxB;AAAA,WAKoBT,KAAK,CAACU,MAL1B;AAAA,WAMoBN,UAAU,GAAG,OAAH,GAAa,KAN3C;AAAA,WAOc,IAAIV,YAPlB;AAAA,WAQqB,IAAIA;AARzB,MAYGW,OAZH,CADF,CADF;AAkBD;;AAEDV,GAAG,CAACgB,SAAJ,GAAgB;AACdf,EAAAA,QAAQ,EAAEgB,eAAS,CAACC,IADN;AAEdhB,EAAAA,OAAO,EAAEe,eAAS,CAACC,IAFL;AAGdf,EAAAA,SAAS,EAAEc,eAAS,CAACC;AAHP,CAAhB;AAMAlB,GAAG,CAACmB,OAAJ,GAAcrB,WAAd;;;;"} |