Frame

import { Button, Frame } from 'regen-ui'

export function ReviewFrame(props: { onDismiss: () => void }) {
  return (
    <Frame
      footer={
        <Frame.Actions>
          <Button>Cancel</Button>
          <Button variant="primary">Approve</Button>
        </Frame.Actions>
      }
      onDismiss={props.onDismiss}
      subtitle="Review the details before continuing."
      title="Review request"
    >
      Request details
    </Frame>
  )
}

import { Frame } from 'regen-ui'

export function FramedRoute(props: { children: React.ReactNode; onDismiss: () => void }) {
  return (
    <Frame.Provider onDismiss={props.onDismiss}>
      {props.children}
    </Frame.Provider>
  )
}