import { TituloPoint } from './TituloPoint';

export default {
  title: 'Layout/TituloPoint',
  component: TituloPoint,
  tags: ['autodocs'],
};

export const Default = {
  render: () => (
    <TituloPoint />
  ),
};

export const ConColorPersonalizado = {
  render: () => (
    <TituloPoint
      backgroundColor="#000000"
      textColor="#FFFFFF"
    />
  ),
};

export const ConColorSecundario = {
  render: () => (
    <TituloPoint
      backgroundColor="var(--color-secondary)"
      textColor="#FFFFFF"
    />
  ),
};
