import type { Meta, StoryObj } from "@storybook/angular";

// components
import { CaProfileImageComponent } from "./ca-profile-image.component";

const meta: Meta<CaProfileImageComponent> = {
  title: "Example/Profile-Image",
  component: CaProfileImageComponent,
  tags: ["autodocs"],
  argTypes: {
    avatarImg: {
      control: { type: "text" },
    },
    avatarColor: {
      control: { type: "object" },
    },

    textShortName: {
      control: { type: "text" },
    },
    isRound: {
      control: { type: "boolean" },
    },
    size: {
      control: { type: "text" },
    },
    fontSize: {
      control: { type: "text" },
    },
    isHoverEffect: {
      control: { type: "boolean" },
    },
  },
  args: {
    avatarColor: {
      background: "#DFC2F9",
      color: "#9E47EC66",
    },
    textShortName: "FJ",
  },
};

export default meta;
type Story = StoryObj<CaProfileImageComponent>;

export const Image: Story = {
  args: {
    avatarImg:
      "https://nyc3.digitaloceanspaces.com/dev.truckassist/9/38/138/a3c5ef96-58cf-4018-a3c0-2855ad1edf69-driverAvatar.png",
  },
};

export const NoImageRound: Story = {
  args: {
    isRound: true,
  },
};

export const NoImageSquare: Story = {
  args: {
    isRound: false,
  },
};

export const NoHover: Story = {
  args: {
    isHoverEffect: false,
  },
};