import { View, Text } from '@tarojs/components';
import { BENEFIT_SLOGAN } from '../lib/benefit-copy';

type BenefitSloganBarProps = {
  className?: string;
};

export default function BenefitSloganBar({ className }: BenefitSloganBarProps) {
  return (
    <View className={`benefit-slogan-bar${className ? ` ${className}` : ''}`}>
      <View className="benefit-slogan-bar-accent" />
      <Text className="benefit-slogan-bar-text">{BENEFIT_SLOGAN}</Text>
    </View>
  );
}
