import { Button, Card, Heading, ScopedTheme, Text } from '@cdx-ui/components';

export function CashbackPromoCard() {
  return (
    <ScopedTheme theme="dark">
      <Card className="bg-surface-action-subtle">
        <Card.Content className="gap-2">
          <Heading size="lg">Get a Cashback Credit Card in minutes</Heading>
          <Text>Earn rewards on every purchase — apply instantly.</Text>
        </Card.Content>
        <Card.Footer className="w-fit">
          <Button variant="outline" color="action" size="default">
            <Button.Label>Apply now</Button.Label>
          </Button>
        </Card.Footer>
      </Card>
    </ScopedTheme>
  );
}