panel.tsx 551 B

12345678910111213141516171819
  1. import styled from '@emotion/styled';
  2. import space from 'app/styles/space';
  3. type Props = {
  4. dashedBorder?: boolean;
  5. };
  6. const Panel = styled('div')<Props>`
  7. background: ${p => (p.dashedBorder ? p.theme.backgroundSecondary : p.theme.background)};
  8. border-radius: ${p => p.theme.borderRadius};
  9. border: 1px
  10. ${p => (p.dashedBorder ? 'dashed' + p.theme.gray300 : 'solid ' + p.theme.border)};
  11. box-shadow: ${p => (p.dashedBorder ? 'none' : p.theme.dropShadowLight)};
  12. margin-bottom: ${space(3)};
  13. position: relative;
  14. `;
  15. export default Panel;