Padlock icon showing secure status for a domain, above a permissions summary with Allowed or Ask.
The import and the props worth knowing about, in one place.
import { Browser27 } from "@/components/beste/piece/browser27";
<Browser27
surface="card"
bordered={false}
inverted={false}
domain="stripe.com"
connectionLabel="Connection is secure"
permissions={[
{
"icon": "camera",
"label": "Camera",
"granted": true
},
{
"icon": "location",
"label": "Location",
"granted": false
}
]}
defaultGrantedLabel="Allowed"
defaultDeniedLabel="Ask"
/>