https://www.jetpackcompose.app/component---src-components-ifttt-re…-this-then-that-tsx-f569bfe977805031b53c.js

1"use strict";(self.webpackChunkjetpackcompose_app=self.webpackChunkjetpackcompose_app||[]).push([[342],{95430:function(e,t,r){r.r(t),r.d(t,{default:function(){return i}});var a=r(67294),n=r(71082),o=r(25879),s=r(48914),l=r(50757);function i(e){const{compose:t,classicAndroid:r,documentationUrl:i,exampleUrl:m,iftttArray:c}=e.pageContext,d=`/What-is-the-equivalent-of-${t.split(" ").join("-").replace(/[./]/g,"")}-in-Android-Views`,p=`What's the equivalent of ${t} in Android Views? | JetpackCompose.app`,g=`${t} in Jetpack Compose is equivalent to ${r} in classic Android Views. Learn the mapping between Compose and View APIs.`,x=t.toLowerCase().split(/[\s/.]+/),u=c.filter((e=>{const r=e.compose.toLowerCase().split(/[\s/.]+/);return e.compose!==t&&x.some((e=>e.length>3&&r.some((t=>t.includes(e)))))})).slice(0,5);return a.createElement(o.Z,{maxWidth:"lg",pageTitle:p,pageDescription:g,pageSlug:d,pageImageUrl:"/JetpackComposeIfThen_Preview_Image.png",seoImageUrl:"/JetpackComposeIfThen_Preview_Image.png"},a.createElement("div",{className:"max-w-3xl mx-auto px-4 py-8"},a.createElement("nav",{className:"mb-6 text-sm"},a.createElement(n.rU,{to:"/What-is-the-equivalent-of-X-in-Jetpack-Compose",className:"text-indigo-600 hover:underline"},"API Migration Guide"),a.createElement("span",{className:"mx-2 text-gray-400"},"/"),a.createElement("span",{className:"text-gray-600"},t)),a.createElement("div",{className:"bg-white rounded-xl shadow-sm border border-gray-100 p-8 mb-8"},a.createElement("h1",{className:"text-2xl md:text-3xl font-bold text-gray-900 mb-6"},"What's the equivalent of"," ",a.createElement("span",{className:"text-green-600"},t)," in Android Views?"),a.createElement("div",{className:"bg-gradient-to-r from-gray-50 to-gray-100 rounded-lg p-6 mb-6"},a.createElement("div",{className:"flex items-start gap-4"},a.createElement("div",{className:"flex-shrink-0 w-10 h-10 bg-green-100 rounded-full flex items-center justify-center"},a.createElement("svg",{className:"w-5 h-5 text-green-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}))),a.createElement("div",null,a.createElement("p",{className:"text-sm text-gray-500 mb-1"},"In Classic Android, use:"),a.createElement("p",{className:"text-xl font-semibold text-gray-900"},r)))),a.createElement("div",{className:"flex flex-col md:flex-row items-center justify-center gap-4 py-6 mb-6"},a.createElement("div",{className:"bg-green-50 border border-green-200 rounded-lg px-6 py-4 text-center"},a.createElement("p",{className:"text-xs text-green-600 font-medium mb-1"},"Jetpack Compose"),a.createElement("p",{className:"text-lg font-mono font-semibold text-green-800"},t)),a.createElement("div",{className:"flex items-center"},a.createElement("svg",{className:"w-8 h-8 text-gray-400 transform md:rotate-0 rotate-90",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M17 8l4 4m0 0l-4 4m4-4H3"}))),a.createElement("div",{className:"bg-gray-50 border border-gray-200 rounded-lg px-6 py-4 text-center"},a.createElement("p",{className:"text-xs text-gray-600 font-medium mb-1"},"Classic Android"),a.createElement("p",{className:"text-lg font-mono font-semibold text-gray-800"},r))),a.createElement("div",{className:"flex flex-wrap gap-3"},i&&a.createElement(l.M,{href:i,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 bg-indigo-600 text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-indigo-700 transition-colors"},a.createElement("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"})),"View Documentation"),m&&a.createElement(l.M,{href:m,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center gap-2 border border-gray-300 text-gray-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-gray-50 transition-colors"}

1,a.createElement("svg",{className:"w-4 h-4",fill:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{d:"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"})),"View Example"),a.createElement(n.rU,{to:`/What-is-the-equivalent-of-${r.split(" ").join("-")}-in-Jetpack-Compose`,className:"inline-flex items-center gap-2 border border-green-300 text-green-700 px-4 py-2 rounded-lg text-sm font-medium hover:bg-green-50 transition-colors"},a.createElement("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7h12m0 0l-4-4m4 4l-4 4m0 6H4m0 0l4 4m-4-4l4-4"})),"View Reverse Mapping"))),u.length>0&&a.createElement("div",{className:"mb-8"},a.createElement("h2",{className:"text-xl font-semibold text-gray-900 mb-4"},"Related API Mappings"),a.createElement("div",{className:"space-y-3"},u.map(((e,t)=>{const r=e.compose.split(" ").join("-").replace(/[./]/g,"");return a.createElement(n.rU,{key:t,to:`/What-is-the-equivalent-of-${r}-in-Android-Views`,className:"block p-4 bg-white rounded-lg border border-gray-100 hover:border-indigo-200 hover:shadow-sm transition-all"},a.createElement("div",{className:"flex items-center justify-between"},a.createElement("div",{className:"flex items-center gap-3"},a.createElement("span",{className:"text-green-600 font-medium"},e.compose),a.createElement("span",{className:"text-gray-400"},"→"),a.createElement("span",{className:"text-gray-600"},e.classicAndroid)),a.createElement("svg",{className:"w-4 h-4 text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"}))))})))),a.createElement("div",{className:"mb-8"},a.createElement("h2",{className:"text-xl font-semibold text-gray-900 mb-4"},"Browse All API Mappings"),a.createElement("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3"},a.createElement(n.rU,{to:"/What-is-the-equivalent-of-X-in-Jetpack-Compose",className:"p-4 bg-green-50 rounded-lg border border-green-200 hover:bg-green-100 transition-colors text-center"},a.createElement("p",{className:"font-medium text-green-800"},"Classic Android → Compose"),a.createElement("p",{className:"text-sm text-green-600"},"Find Compose equivalents for Android Views")),a.createElement(n.rU,{to:"/What-is-the-equivalent-of-X-in-Android-Views",className:"p-4 bg-gray-50 rounded-lg border border-gray-200 hover:bg-gray-100 transition-colors text-center"},a.createElement("p",{className:"font-medium text-gray-800"},"Compose → Classic Android"),a.createElement("p",{className:"text-sm text-gray-600"},"Find Android View equivalents for Compose")))),a.createElement("div",{className:"bg-gradient-to-r from-indigo-50 to-purple-50 rounded-xl p-8 mb-8"},a.createElement(s.Z,{tagline:"Get the complete migration cheatsheet in your inbox"})),a.createElement("div",{className:"text-center"},a.createElement(n.rU,{to:"/What-is-the-equivalent-of-X-in-Jetpack-Compose",className:"inline-flex items-center gap-2 text-indigo-600 hover:underline"},a.createElement("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},a.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 19l-7-7m0 0l7-7m-7 7h18"})),"Back to API Migration Guide"))))}}}]);
2//# sourceMappingURL=component---src-components-ifttt-reverse-if-this-then-that-tsx-f569bfe977805031b53c.js.map