# Calls Source: https://botricai.mintlify.app/conversion/calls View call logs, listen to recordings, and read transcripts from customer interactions. The Calls page provides a log of all phone interactions associated with your workspace. View call details, listen to recordings, and read AI-generated transcripts to stay on top of customer conversations. ## Call Logs Table The calls table displays all logged calls with the following information: | Column | Description | | --------------- | ------------------------------------------- | | **Caller** | Name or phone number of the caller | | **Date & Time** | When the call occurred | | **Duration** | Length of the call | | **Status** | Call outcome (answered, missed, voicemail) | | **Agent** | Which agent or team member handled the call | ### Filtering Calls Use the filter controls to narrow your view: * **Date range** — Show calls from a specific time period. * **Status** — Filter by answered, missed, or voicemail. * **Agent** — Show calls handled by a specific agent or team member. ## Call Details Click on any call to open its detail view. ### Recording If a recording is available, you can play it directly in Botric. Use the audio player to listen to the full conversation. ### Transcript Botric generates a text transcript of recorded calls using AI. The transcript includes: * Speaker identification (caller vs. agent) * Timestamped segments for easy navigation * Full text of the conversation Use transcripts to quickly review call content without listening to the entire recording. Search within a transcript to find specific topics discussed. ## Next Steps View captured leads from chat conversations. Manage support tickets. View activity and event logs. Return to your dashboard. # Leads Source: https://botricai.mintlify.app/conversion/leads View and manage leads captured by your AI agents from chat conversations and form submissions. The Leads page shows all contacts captured by your AI agents. When a visitor interacts with your [Chat Agent](/engagement/chat-agent/overview) and provides their contact information, Botric automatically creates a lead record with their details and conversation history. ## How Leads Are Captured Leads are created automatically when a chat visitor provides their contact information during a conversation. The typical flow: 1. A visitor opens your chat widget and starts a conversation. 2. The Chat Agent engages the visitor based on its purpose (support, lead gen, sales, etc.). 3. The visitor provides their name, email, or other contact details. 4. Botric creates a lead record and stores the conversation history. Lead capture depends on your bot's purpose and prompts. Bots configured for **Lead Generation** or **Sales** are optimized to collect visitor information naturally during conversations. ## Leads Table The leads table provides a comprehensive view of all captured leads with search, filtering, and pagination. ### Columns | Column | Description | | ---------- | ------------------------------------ | | **Name** | The visitor's name (if provided) | | **Email** | The visitor's email address | | **Source** | Which bot or agent captured the lead | | **Date** | When the lead was captured | | **Status** | Current lead status | ### Search and Filter * **Search** — Find leads by name, email, or any captured field. * **Filter by source** — Show leads from a specific bot or agent. * **Filter by date** — Narrow results to a specific time range. * **Pagination** — Navigate through large lead lists with page controls. ## Lead Details Click on any lead to open its detail view. The lead detail page shows: ### Contact Information All form data captured during the conversation, including: * Name * Email address * Phone number (if provided) * Company name (if provided) * Any custom fields collected by the bot ### Conversation History The full chat transcript between the visitor and your bot. This gives you context about what the lead was interested in, what questions they asked, and how the conversation went. Review conversation histories before following up with leads. Understanding what a lead discussed with your bot helps you personalize your outreach. ## Exporting Leads Export your leads for use in external CRM systems, email marketing tools, or spreadsheets. * Click **Export** to download your leads as a CSV file. * Use filters before exporting to narrow the export to specific leads. ## Next Steps Configure your bot for better lead capture. View call logs and transcripts. Manage support tickets. Connect your CRM for lead syncing. # Logs Source: https://botricai.mintlify.app/conversion/logs View activity and event logs to track agent interactions, system events, and troubleshoot issues. The Logs page provides a detailed record of all activity across your workspace. Every significant event — from agent interactions to system operations — is logged here, giving you full visibility into what's happening in your Botric account. ## What Gets Logged Botric captures logs for a wide range of events across your workspace: | Event Category | Examples | | ------------------ | ----------------------------------------------------------------------- | | **Agent Activity** | Chat conversations started/ended, email drafts generated, bot responses | | **Lead Events** | New lead captured, lead data updated | | **System Events** | Knowledge source crawled, site audit completed, webhook triggered | | **User Actions** | Settings changed, bot created/updated, knowledge source added | | **Errors** | Failed API calls, crawl errors, processing failures | ## Viewing Logs The logs page displays events in reverse chronological order (newest first). Each log entry shows: * **Timestamp** — Exact date and time of the event * **Event Type** — Category of the event (agent, system, user, error) * **Description** — What happened * **Agent/Source** — Which agent or system component generated the event * **Details** — Additional context or data associated with the event ## Filtering Logs Use the filter controls to find specific events: ### By Agent Select a specific agent (Chat Agent, Email Agent) to see only events related to that agent. ### By Event Type Filter by event category to focus on specific types of activity: * Agent activity * Lead events * System events * User actions * Errors ### By Date Range Set a start and end date to narrow logs to a specific time period. This is useful for investigating issues that occurred at a known time. ## Using Logs for Debugging Logs are especially useful when troubleshooting issues: Filter logs by **Agent Activity** and check the bot's recent conversations. Look for error entries that indicate knowledge source issues or prompt failures. Filter by **System Events** and look for crawl or processing entries. Check if the crawl completed successfully or if errors were logged. Filter by **Lead Events** to verify whether leads were captured. If conversation logs show visitor info was provided but no lead was created, there may be a configuration issue with your bot. Check the logs regularly, especially after making changes to your bots or knowledge sources. They're the fastest way to verify that everything is working as expected. ## Next Steps View captured leads. Manage support tickets. Return to your dashboard. Review your chat agent configuration. # Tickets Source: https://botricai.mintlify.app/conversion/tickets Track and manage support tickets created from customer interactions. The Tickets page lets you manage support requests that arise from customer interactions. Tickets help you track issues from initial report through resolution, ensuring nothing falls through the cracks. ## Ticket Statuses Every ticket progresses through a lifecycle of statuses: | Status | Description | | --------------- | ------------------------------------------- | | **Open** | A new ticket that hasn't been addressed yet | | **In Progress** | A ticket that's actively being worked on | | **Resolved** | A ticket that has been successfully closed | The status flow is: **Open → In Progress → Resolved** ## Tickets Table The tickets table shows all your support tickets with: | Column | Description | | ------------- | ---------------------------------- | | **Subject** | Brief description of the issue | | **Requester** | The customer who raised the ticket | | **Status** | Current ticket status | | **Priority** | Ticket priority level | | **Created** | When the ticket was created | | **Updated** | When the ticket was last modified | ### Filtering and Sorting * **Filter by status** — Show only Open, In Progress, or Resolved tickets. * **Filter by priority** — Focus on high-priority issues first. * **Search** — Find tickets by subject, requester, or content. * **Sort** — Order by date, priority, or status. ## Managing Tickets ### Viewing a Ticket Click on any ticket to see the full details including: * Complete issue description * Customer contact information * Conversation or interaction history that generated the ticket * Internal notes and updates ### Updating Status To update a ticket's status: 1. Open the ticket detail view. 2. Click the **Status** dropdown. 3. Select the new status. 4. Add an optional note describing the update. 5. Save your changes. Keep tickets updated as you work on them. Moving tickets to **In Progress** signals to your team that someone is handling the issue. ## Next Steps View and manage captured leads. Review call logs and recordings. View activity and event logs. Configure your chat agent. # Content Agent Source: https://botricai.mintlify.app/discovery/content-agent AI-powered content creation and optimization for your website. The Content Agent helps you create, optimize, and manage website content using AI — ensuring your pages are well-written, relevant, and optimized for both traditional and AI-powered search engines. ## What to Expect The Content Agent will offer: * **Content Generation** — Create blog posts, landing pages, and product descriptions powered by AI. * **Content Optimization** — Get suggestions to improve existing content for readability, SEO, and AI search visibility. * **Tone and Brand Alignment** — Ensure all generated content matches your brand voice and style guidelines. * **Content Calendar** — Plan and schedule content creation with AI-assisted topic suggestions. * **Performance Tracking** — Monitor how your content performs across search engines and AI platforms. ## In the Meantime While the Content Agent is in development, you can use these existing features to strengthen your content strategy: Organize and manage the content your AI agents use. Understand how AI engines perceive your content. # Competitor Analysis Source: https://botricai.mintlify.app/discovery/geo-agent/competitor-analysis Compare your AI search visibility against competitors to find opportunities and gaps. The Competitor Analysis feature lets you see how your brand's AI search visibility compares to your competitors. Add competitor domains and Botric runs the same GEO analysis, giving you a side-by-side view of where you lead and where you're falling behind. ## Adding Competitors Navigate to **Discovery > GEO Agent > Competitor Analysis** in the sidebar. Click **Add Competitor** and enter the competitor's domain (e.g., `competitor.com`). You can add multiple competitors to compare against. Botric runs the same set of queries against each competitor's brand and generates comparison data. Competitor analysis uses the same query set as your own GEO analysis, so comparisons are apples-to-apples. ## Side-by-Side Comparison The comparison view shows: * **Overall visibility score** for each brand * **Engine-by-engine breakdown** — how each competitor performs on ChatGPT, Perplexity, Gemini, and other AI engines * **Intent comparison** — which intent types each brand dominates * **Query overlap** — queries where multiple brands appear together ### Visibility Score Comparison A bar or radar chart shows your visibility score alongside each competitor across all tracked AI engines. This gives you a quick view of your competitive position. ### Query-Level Comparison Drill down into individual queries to see exactly which brands appear for each one. This helps you identify: * **Queries you own** — where only your brand appears * **Contested queries** — where multiple brands compete for visibility * **Missed opportunities** — queries where competitors appear but you don't ## Using Competitor Data If a competitor appears for queries where you don't, examine their content strategy. What pages, blog posts, or resources are they publishing that earn them AI citations? For contested queries, improve your content depth and relevance to increase your chances of being cited over competitors. Monitor the comparison over time to see if your improvements are narrowing the gap or if competitors are gaining ground. ## Next Steps Dive deeper into query intent data. Generate a report with competitor comparisons. # Intent Analysis Source: https://botricai.mintlify.app/discovery/geo-agent/intent-analysis Understand how AI search engines classify and respond to queries related to your business. Intent Analysis breaks down the search queries that AI engines associate with your brand and categorizes them by user intent. This helps you understand not just whether you're visible, but why users are finding you — and where the gaps are. ## Understanding Intent Types When users ask AI engines questions, each query carries an intent. Botric classifies these into categories to help you understand the nature of the queries where your brand appears. | Intent Type | Description | Example Query | | ----------------- | ------------------------------------ | ---------------------------------------------- | | **Informational** | User is researching or learning | "What is customer engagement software?" | | **Commercial** | User is comparing options | "Best AI chatbot platforms for small business" | | **Transactional** | User is ready to buy or sign up | "Botric pricing plans" | | **Navigational** | User is looking for a specific brand | "Botric AI login" | ## Intent Breakdown by Engine The intent analysis shows how each AI search engine distributes queries by intent type. This is useful because different engines may surface your brand for different reasons. For each AI engine, you can see: * **Number of queries** where your brand appeared * **Intent distribution** — a breakdown of informational, commercial, transactional, and navigational queries * **Visibility score** per intent type A strong presence in **commercial** and **transactional** intents means AI engines are recommending your brand to users who are actively comparing or ready to buy. ## Viewing Query Details Click on any intent category to see the specific queries that triggered your brand's appearance. For each query, you can see: * The exact question or prompt used * Which AI engines returned your brand * Whether your brand was mentioned, cited, or recommended * The context in which your brand appeared ## Using Intent Data Intent analysis helps you: * **Identify content gaps** — If you're missing from informational queries, your content may need more educational material. * **Optimize for conversions** — Focus on strengthening your presence in commercial and transactional queries. * **Refine your AI agents** — Use popular queries as inspiration for your [Chat Agent](/engagement/chat-agent/overview) prompts and [Knowledge Sources](/engagement/knowledge-source). * **Track shifts** — Monitor how intent distribution changes over time as you update your content. ## Next Steps See how your intent coverage compares to competitors. Generate a comprehensive GEO report. # GEO Agent Overview Source: https://botricai.mintlify.app/discovery/geo-agent/overview Understand your website's visibility across AI-powered search engines with Generative Engine Optimization. The GEO (Generative Engine Optimization) Agent analyzes how visible your website is across AI-powered search engines like ChatGPT, Perplexity, Google Gemini, and others. As more users turn to AI for answers, GEO helps you understand and improve how often your brand appears in AI-generated responses. ## What is GEO? Traditional SEO focuses on ranking in search engine result pages. GEO goes a step further — it measures whether AI models reference, cite, or recommend your brand when users ask questions relevant to your business. With the GEO Agent, you can: * **Track AI visibility** — See how often your brand appears across different AI engines. * **Analyze search intent** — Understand what questions users ask that relate to your business. * **Compare with competitors** — See how your visibility stacks up against competitors. * **Generate reports** — Create detailed reports on your GEO performance over time. ## GEO Dashboard The GEO dashboard provides a high-level overview of your AI search visibility: * **Overall Visibility Score** — A composite metric showing your brand's presence across all tracked AI engines. * **Engine Breakdown** — Individual scores for each AI search platform. * **Trend Charts** — How your visibility has changed over time. * **Top Queries** — The questions where your brand appears most frequently. ## How It Works Botric identifies search queries relevant to your business based on your website content, industry, and configured prompts. Each query is tested across multiple AI search engines to check whether your brand is mentioned, cited, or recommended. Results are aggregated into visibility scores, broken down by engine, intent type, and topic area. ## Explore GEO Features Understand user intent behind AI search queries. Compare your visibility against competitors. Generate and export detailed GEO reports. Check your overall website health. # GEO Reports Source: https://botricai.mintlify.app/discovery/geo-agent/reports Generate, view, and export detailed reports on your AI search visibility and performance. GEO Reports give you a comprehensive view of your AI search visibility in a structured, shareable format. Use reports to track progress over time, share results with your team, and document your GEO strategy. ## Generating a Report Go to **Discovery > GEO Agent > Reports** in the sidebar. Select the time period and scope for your report. You can include: * Overall visibility scores * Engine-by-engine breakdowns * Intent analysis summaries * Competitor comparisons (if configured) Click **Generate Report**. Botric compiles your data into a structured report. ## Reading a Report Each report includes the following sections: ### Executive Summary A high-level overview of your GEO performance including: * Overall visibility score and trend direction * Top-performing AI engines * Key changes since the last report ### Visibility by Engine Detailed scores and query counts for each AI search engine: * **ChatGPT** — OpenAI's conversational AI * **Perplexity** — AI-powered research assistant * **Gemini** — Google's AI search experience * Other tracked engines ### Intent Breakdown A summary of how your brand appears across different [intent types](/discovery/geo-agent/intent-analysis) — informational, commercial, transactional, and navigational. ### Competitor Comparison If you've added competitors, the report includes a side-by-side comparison of visibility scores and query coverage. See [Competitor Analysis](/discovery/geo-agent/competitor-analysis) for more details. ### Recommendations AI-generated suggestions for improving your GEO visibility based on the analysis findings. ## Exporting Reports You can export reports for sharing or record-keeping: * **PDF** — A formatted document suitable for presentations and stakeholder reviews. * **CSV** — Raw data export for custom analysis in spreadsheet tools. Click the **Export** button at the top of any report and select your preferred format. Generate reports on a regular schedule (weekly or monthly) to track your progress and spot trends over time. ## Report History All generated reports are saved and accessible from the Reports page. You can: * View any past report * Compare reports from different time periods * Track how your visibility score has changed over time ## Next Steps Return to the GEO Agent dashboard. Run a website health audit. # SEO Agent Source: https://botricai.mintlify.app/discovery/seo-agent AI-powered search engine optimization analysis and recommendations. The SEO Agent provides AI-powered insights into your website's search engine optimization performance, helping you improve your organic search rankings and drive more traffic. ## What to Expect The SEO Agent will offer: * **Keyword Tracking** — Monitor your rankings for target keywords across search engines. * **On-Page Analysis** — Get recommendations for improving meta tags, headings, content structure, and internal linking. * **Backlink Monitoring** — Track your backlink profile and identify new linking opportunities. * **SERP Analysis** — See how your pages appear in search results and optimize your snippets. * **Actionable Recommendations** — Receive AI-generated suggestions tailored to your website and industry. ## In the Meantime While the SEO Agent is in development, you can use these existing features to improve your search presence: Run a health check that covers technical SEO factors. Analyze your visibility in AI-powered search engines. # Site Audit Source: https://botricai.mintlify.app/discovery/site-audit Run a comprehensive health check on your website and understand your scores across technical, content, performance, and domain metrics. The Site Audit gives you a detailed breakdown of your website's health across multiple dimensions. Botric crawls your site, evaluates key factors, and assigns a letter grade so you can quickly identify what's working and what needs attention. ## Running an Audit Your first audit runs automatically when you complete the [Onboarding Wizard](/getting-started/onboarding). You can also trigger a new audit at any time: Open the **Discovery** section in the sidebar and click **Site Audit**. Click **Run Audit** to begin a fresh analysis of your website. The audit crawls your site and evaluates it against multiple criteria. Once complete, your results are displayed with an overall grade and detailed breakdowns by category. Audits may take a few minutes depending on the size of your website. You can navigate away and come back — results are saved automatically. ## Understanding Grades Botric assigns a letter grade based on your overall audit score. Each grade maps to a score range and is color-coded for quick reference. | Grade | Score Range | Color | Meaning | | ----- | ----------- | ------ | --------------------------------------- | | **A** | 90–100 | Blue | Excellent — your site is in great shape | | **B** | 80–89 | Green | Good — minor improvements recommended | | **C** | 70–79 | Orange | Fair — several areas need attention | | **D** | 60–69 | Red | Poor — significant issues detected | | **F** | Below 60 | Red | Critical — immediate action required | ## Report Sections The audit report is broken down into four main sections, each with its own score and detailed findings. ### Technical Health Evaluates the technical foundation of your website: * **SSL/HTTPS** — Is your site served over a secure connection? * **Mobile Responsiveness** — Does your site render correctly on mobile devices? * **Broken Links** — Are there any dead links on your site? * **Page Speed** — How quickly do your pages load? * **Structured Data** — Is your markup properly configured for search engines? * **Crawlability** — Can search engines and AI bots access your content? ### Content Quality Analyzes the quality and structure of your website content: * **Meta Tags** — Are title tags and meta descriptions present and optimized? * **Heading Structure** — Do your pages use a proper heading hierarchy (H1, H2, etc.)? * **Content Length** — Do your pages have sufficient content? * **Alt Text** — Do images have descriptive alt attributes? * **Duplicate Content** — Are there pages with duplicated or thin content? ### Performance Measures how fast and responsive your site is: * **Page Load Time** — Average time to fully load your pages. * **Core Web Vitals** — Key performance metrics (LCP, FID, CLS). * **Asset Optimization** — Are images, scripts, and stylesheets optimized? * **Server Response Time** — How quickly does your server respond to requests? ### Domain Analytics Provides insights about your domain's authority and reputation: * **Domain Age** — How long your domain has been registered. * **Backlink Profile** — Overview of sites linking to yours. * **Domain Authority** — Estimated authority score based on link profile. * **Social Signals** — Presence across social media platforms. ## Acting on Results Each finding in the report includes: * A **status indicator** (pass, warning, or fail) * A **description** of what was checked * **Recommendations** for how to fix issues Focus on fixing red (failing) items first. These have the biggest impact on your site's overall health and search visibility. ## Next Steps Check your AI search visibility. Build an AI chatbot for your website. Feed your audit data into your AI agents. Return to your dashboard overview. # Create a Bot Source: https://botricai.mintlify.app/engagement/chat-agent/create-bot Step-by-step guide to creating and configuring a new Chat Agent bot. Creating a bot in Botric takes just a few minutes. Follow this guide to set up a new chat agent, configure its behavior, and connect it to your knowledge sources. ## Create a New Bot Open the **Engagement** section in the sidebar and click **Chat Agent**. Click the **Create Bot** button in the top-right corner of the Chat Agent page. Give your bot a descriptive name (e.g., "Website Support Bot" or "Sales Assistant"). This name is for your internal reference — visitors won't see it by default. Choose the purpose that best matches your bot's role. The purpose determines the default system prompt and behavior: * **Customer Support** — Answer questions and resolve issues * **FAQ** — Handle frequently asked questions * **Lead Generation** — Engage visitors and capture contact info * **Sales** — Guide customers through products and pricing * **Onboarding** — Help new users get started * **Help Desk** — Provide technical troubleshooting * **Custom** — Define your own behavior from scratch Customize the prompts that control your bot's behavior: * **System Prompt** — Instructions that define the bot's role, tone, and boundaries. This is prepended to every conversation. * **Welcome Message** — The first message displayed when a visitor opens the chat widget. * **Fallback Response** — What the bot says when it doesn't have enough information to answer. Select which [Knowledge Sources](/engagement/knowledge-source) the bot should use to answer questions. You can link: * Website crawl data from your onboarding * Uploaded documents and files * FAQ entries * Audio and video transcripts A bot without knowledge sources can only respond based on its system prompt. Link at least one source for the best results. Click **Save** to create your bot. It's now ready to be [customized](/engagement/chat-agent/customize-widget) and [deployed](/engagement/chat-agent/deploy). ## Editing a Bot To update an existing bot: 1. Go to **Engagement > Chat Agent**. 2. Click on the bot you want to edit. 3. Update any configuration — name, purpose, prompts, or knowledge sources. 4. Click **Save** to apply your changes. Changes to prompts and knowledge sources take effect immediately for new conversations. Active conversations continue with the previous configuration. ## Deleting a Bot To delete a bot, open its settings and click **Delete Bot** at the bottom of the page. This action is permanent and removes the bot along with its configuration. Deleting a bot does not delete the knowledge sources linked to it. Those remain available for other bots. ## Next Steps Design how your chat widget looks. Add the bot to your website. # Customize Widget Source: https://botricai.mintlify.app/engagement/chat-agent/customize-widget Design and personalize your chat widget to match your brand's look and feel. The widget customizer lets you control how your Chat Agent appears on your website. Adjust colors, text, icons, and layout to create a seamless brand experience for your visitors. ## Accessing the Customizer 1. Go to **Engagement > Chat Agent**. 2. Click on the bot you want to customize. 3. Navigate to the **Widget** or **Customize** tab. ## Design Options ### Colors Customize the color scheme of your chat widget to match your brand: | Setting | Description | | --------------------- | ----------------------------------------------------- | | **Primary Color** | The main accent color used for buttons and highlights | | **Header Color** | Background color of the widget header | | **Body Color** | Background color of the chat conversation area | | **User Bubble Color** | Background color of messages sent by the visitor | | **Bot Bubble Color** | Background color of messages from the bot | | **Input Color** | Background color of the message input field | | **Send Button Color** | Color of the send message button | ### Theme Choose between **Light** and **Dark** theme modes. The theme controls the default color palette and contrast settings for the widget. * **Light** — White/light backgrounds with dark text. Best for light-colored websites. * **Dark** — Dark backgrounds with light text. Best for dark-themed websites. Custom colors override theme defaults. If you set specific colors, they take priority regardless of the selected theme. ### Widget Icon Upload a custom icon or avatar that appears on the chat bubble and in the widget header. This is typically your logo or a brand mascot. * Recommended size: 64×64 pixels or larger * Supported formats: PNG, JPG, SVG ### Text Content Customize the text displayed in the widget: * **Welcome Message** — The first message visitors see when they open the chat. Set during [bot creation](/engagement/chat-agent/create-bot) and editable here. * **Placeholder Text** — The hint text inside the message input field (e.g., "Type your message..."). * **Header Title** — The name displayed at the top of the widget. ## Live Preview As you make changes, a live preview of the widget updates in real time on the right side of the customizer. This lets you see exactly how your widget will appear to visitors before deploying it. ## Saving Changes Click **Save** to apply your customizations. Changes take effect immediately on your website if the widget is already deployed. If you haven't deployed the widget yet, your customizations are saved and will be applied when you add the embed code to your site. ## Next Steps Add the chat widget to your website. Set up a new chat agent. # Deploy Your Bot Source: https://botricai.mintlify.app/engagement/chat-agent/deploy Get the embed code and add your Chat Agent to your website. Once you've created and customized your bot, the final step is deploying it on your website. Botric provides an embed code that you add to your site's HTML to display the chat widget. ## Getting the Embed Code Go to **Engagement > Chat Agent** and click on the bot you want to deploy. Click the **Deploy** or **Embed** tab in your bot's settings. Click **Copy Code** to copy the embed snippet to your clipboard. The embed code looks similar to this: ```html theme={null} ``` ## Installation Paste the embed code just before the closing `` tag in your HTML: ```html theme={null} ``` Add the script to your root layout or `_app` component using the `Script` component: ```jsx theme={null} import Script from 'next/script'; export default function RootLayout({ children }) { return ( {children}