Emails
1 month ago
EngagementChart
2 months ago
MediaHub
1 month ago
Onboarding
2 months ago
Popup
2 months ago
Skeletons
1 month ago
WhatsNew
2 months ago
charts
2 months ago
test
2 months ago
AdminMenuSync.js
2 months ago
ChartEmptyState.js
2 months ago
ChooseDate.js
2 months ago
ColorPicker.js
2 months ago
ExtendPlugins.js
2 months ago
Filters.js
2 months ago
Link.js
2 months ago
Navbar.js
1 month ago
NoFound.js
2 months ago
PageHeader.js
2 months ago
PluginRecommendations.js
2 months ago
PostScheduleField.js
2 months ago
PrestoPlayerIcon.js
2 months ago
ProGateOverlay.js
2 months ago
QuickAccess.js
2 months ago
RankedTable.js
2 months ago
StatCard.js
2 months ago
TopMedia.js
2 months ago
TopPerformingMedia.js
2 months ago
TopUsers.js
2 months ago
TruncatedTitle.js
2 months ago
UpgradeNotice.js
2 months ago
UpgradeToPro.js
2 months ago
VideoModal.js
2 months ago
WelcomeBanner.js
2 months ago
NoFound.js
40 lines
| 1 | import React from "react"; |
| 2 | import { Container, Button, Text, Title } from "@bsf/force-ui"; |
| 3 | |
| 4 | const NoFound = ({ icon, title, description, buttonText, buttonIcon, onButtonClick }) => { |
| 5 | return ( |
| 6 | <Container |
| 7 | className="w-full bg-background-primary border border-solid border-border-subtle rounded-xl py-16 px-8 items-center" |
| 8 | direction="column" |
| 9 | gap="md" |
| 10 | > |
| 11 | {icon && ( |
| 12 | <Container.Item className="flex items-center justify-center"> |
| 13 | {icon} |
| 14 | </Container.Item> |
| 15 | )} |
| 16 | <Container.Item className="flex flex-col items-center gap-2 [text-wrap:balance]"> |
| 17 | <Title size="sm" tag="h3" title={title} className="text-text-primary text-center" /> |
| 18 | <Text size="sm" className="font-normal text-text-secondary m-0 text-center"> |
| 19 | {description} |
| 20 | </Text> |
| 21 | </Container.Item> |
| 22 | {buttonText && onButtonClick && ( |
| 23 | <Container.Item> |
| 24 | <Button |
| 25 | onClick={onButtonClick} |
| 26 | variant="primary" |
| 27 | size="md" |
| 28 | icon={buttonIcon} |
| 29 | iconPosition="left" |
| 30 | > |
| 31 | {buttonText} |
| 32 | </Button> |
| 33 | </Container.Item> |
| 34 | )} |
| 35 | </Container> |
| 36 | ); |
| 37 | }; |
| 38 | |
| 39 | export default NoFound; |
| 40 |