Idea: add theme(theme) if using theme provider

[radenkovic]

Hello there!

This package definitely helps a lot (I made those helpers by hand before figuring out there is a package).

Here's an idea

  background: ${(p) => p.theme.white || p.theme.red};

we can make shorthand because 90% of the time (at least for me) you just want to grab a variable from theme, something like jsonPath or lodash/get:

  background: ${theme('white', 'red')}

If you like the idea I can definitely make a PR.

Thanks in advance!

[sergioramos]

I like this idea a lot. A PR would be welcome.

I would be interested in a more generalist solution though. What about something like this?

import { getProp } from 'styled-is';

const theme = getProp('theme');

I'm not too happy with the getProp name, but couldn't come up with anything better.

[radenkovic]

I'm not too happy with the getProp name, but couldn't come up with anything better.

I like how it's generalized, when I have time I can add this, will name it getProp or get, and we can rename it easily.

Also, should I handle it without errors (NO_OP), eg if theme.something.else is undefined, or to throw? I personally like no_op but it's harder to debug (though safer to use in production).

[radenkovic]

This is ready 🎉
PR #54