| 1 | import { defaultFill, defaultOpacity } from './_defaults'
|
| 2 |
|
| 3 | export const cage = (fill = defaultFill, opacity = defaultOpacity) => {
|
| 4 | fill = fill.substring(fill.indexOf('#') + 1)
|
| 5 | return `url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2226%22%20viewBox%3D%220%200%2032%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ecage%3C%2Ftitle%3E%3Cpath%20d%3D%22M14%200v3.994C14%207.864%2010.858%2011%207%2011c-3.866%200-7-3.138-7-7.006V0h2v4.005C2%206.764%204.239%209%207%209c2.756%200%205-2.236%205-4.995V0h2zm0%2026v-5.994C14%2016.138%2010.866%2013%207%2013c-3.858%200-7%203.137-7%207.006V26h2v-6.005C2%2017.236%204.244%2015%207%2015c2.761%200%205%202.236%205%204.995V26h2zm2-18.994C16%203.136%2019.142%200%2023%200c3.866%200%207%203.138%207%207.006v9.988C30%2020.864%2026.858%2024%2023%2024c-3.866%200-7-3.138-7-7.006V7.006zm2-.01C18%204.235%2020.244%202%2023%202c2.761%200%205%202.236%205%204.995v10.01C28%2019.764%2025.756%2022%2023%2022c-2.761%200-5-2.236-5-4.995V6.995z%22%20fill%3D%22%23${fill}%22%20fill-opacity%3D%22${opacity}%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')`
|
| 6 | }
|