import { Card, TDropdownOption } from '@/components';
import { ATTRIBUTE } from '@/stories/cards/Cards.data';

type TCardTextAttributeProps = {
  options: TDropdownOption[];
};

export function CardTextAttribute({ options }: TCardTextAttributeProps) {
  return (
    <Card theme={'light'} className="w-[280px]">
      <Card.AttributeContent />
      <Card.FooterWithRange
        name={ATTRIBUTE.name}
        details={ATTRIBUTE.details}
        rangeAction={() => {}}
        options={options}
        showLockProp={true}
        maxRangeValue={1000}
        setTitleAction={() => {}}
        changePercentModeAction={() => {}}
        changeCardTitleAction={() => {}}
        changeLockModeAction={() => {}}
      />
    </Card>
  );
}