Banner

import { Banner } from 'twenty-ui/primitives/feedback';
import { Button } from 'twenty-ui/primitives/input';
import { Text } from 'twenty-ui/primitives/typography';

type ImportFailureProps = { onRetry: () => void };

export const ImportFailure = ({ onRetry }: ImportFailureProps) => (
  <Banner color="danger" variant="secondary">
    <Text>Some records could not be imported.</Text>
    <Button onClick={onRetry}>Retry import</Button>
  </Banner>
);

import { Banner } from 'twenty-ui/primitives/feedback';

type ImportNoticeProps = { message: string | null };

export const ImportNotice = ({ message }: ImportNoticeProps) => (
  <div role="status">
    {message !== null && <Banner variant="secondary">{message}</Banner>}
  </div>
);